关于Vue-cli引入外部js资源文件失败的一点思路

JavaScript09

关于Vue-cli引入外部js资源文件失败的一点思路,第1张

首先申明我是window系统下Vue-cli 4.5.3版本,脚手架整体基于vue2内核。

1.正常js文件如果有使用export向外暴露对象,将js放在src/assets都是可以通过import直接引入。但有有些情况下我们需要导入第三方的js文件,例如近期我在做的阿里云点播视频上传SDK,包括最近在学习的ThreeJs,如果单单只是在public中index.html通过<script src="https://cdn.bootcss.com/three.js/92/three.js"></script>引入,是不够的还需要在具体vue页面引入:

这也是我尝试两天才成功,走了些弯路,希望帮助到有同样问题的打工人,共勉!

vuemain.js注册的方法vue组件的data中引用报错,需要解决循环引用报错问题。具体操作步骤如下:

1、打开vuemain.js项目,使用全局引入组件。

2、在vue实例化前,在main.js里完成引入。

3、通过import,selFile代码,修改vue组件的data引用方式即可。