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

JavaScript016

关于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页面引入:

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

我在项目中使用的是pdf-dist,使用的方法为

出现的问题为

出现问题的原因是因为无法加载pdf.worker.js文件,阅读源码发现通过pdf实列下的GlobalWorkerOptions.workerSrc属性可以设置pdf.worker.js的读取路径

如果还出现了下面这个错误

是因为浏览器版本过低不支持allSettled方法

第一步,你要知道报错的js文件在哪里

一般有两种方法

1、从eclipse左侧的项目栏中查看,打小红×的js就是了,然后看它在哪个文件中

2、(不常用)在eclipse编辑器的左上方找到window -- show view --others --

General -- problems ,你就可以看到许所有的报错了

找到js的报错,找出它的路径

第二步,找到导入外部js文件的项目,右键 -- Propertie

--  javascript  -- Editer -- include path  --  Excluded

找到exclusion patterns模块,点击右侧的add然后找到你需要

忽略掉的js文件的路径即可

然后一路finish/ok即可