在Vue中引入createjs相关文件报错 - -

在Vue的index.html文件中引入createjs

    //index.html
    <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
    <script src="./static/js/ani.js"></script>

引入的ani.js如下：
图片描述

在组件中如下：
图片描述

控制台报错：

createjs-2015.11.26.min.js:12 Uncaught TypeError: Cannot read property 'getContext' of undefined
    at a.b._parseData (createjs-2015.11.26.min.js:12)
    at new a (createjs-2015.11.26.min.js:12)
    at handleComplete (LaunchScreen.vue?d9bd:53)
    at a.b._dispatchEvent (createjs-2015.11.26.min.js:12)
    at a.b.dispatchEvent (createjs-2015.11.26.min.js:12)
    at a.b._sendComplete (createjs-2015.11.26.min.js:15)
    at a.b._loadNext (createjs-2015.11.26.min.js:15)
    at a.b._handleError (createjs-2015.11.26.min.js:15)
    at createjs-2015.11.26.min.js:12
    at a.b._dispatchEvent (createjs-2015.11.26.min.js:12)

页面上的动画不显示，动画是用的UI导出的代码文件

vue.js canvas javascript

阅读 3.1k

3 个回答

app.js 咯，遇到啥问题了吗？

补充,这里看起来是在一个不存在的对象上 getContext 的函数,
这个函数应该是 canvas 元素的 api
结合你说的 createjs 背景, 应该是在用 canvas 元素初始化的时候没拿到对应元素
到底是取元素的方法有问题, 还是有隐藏显示的切换或者组件的嵌套导致没有第一时间获取到 canvas 就需要实际看初始化代码了, 直接验证的方式是, 设置一个 setTimeout 在里面延时执行初始化, 就知道是不是这个问题了