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

JavaScript040

关于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即可