vue引入不了static下的js文件

Question

引入进来获取不到文件 直接访问地址也获取不到 正常应该是可以的，这是为什么😭

补充一个报错信息

而且我在代码里通过文件路径能点开文件。。

Answer 1

你要看network面板是否请求到文件，你这个console里的报错基本上可以推断不是没有加载到文件而是JS代码报错。

---

刚才没有看到你说的是vue工程，如果是vue-cli3的工程的话，你可以 build 一下，然后看static目录的资源是不是直接被复制到 dist 的根路径下了，就可以确定是否还需要static前缀。

ps: vue-cli3+工程都是使用public目录存放静态资源了。

Answer 2

这可能的原因太多了，而你给的信息并不多，下面说几个可能，你自己排查下
1、polyv-live.min文件爆红，应该是里面哪里出现错误了，阻断了本文件的解析
2、polyv-chatroom.min文件是新增的文件，你需要重新run一下
3、你的配置中有没有把static下的livescript文件拷贝出去
4、你的html文件和static文件是否同一路径

Answer 3

webpack配置,把静态文件复制到dist里，webpack就能托管这些文件。引入使用/static/xx

new CopyWebpackPlugin([{
from: path.resolve(__dirname, '../static'), //定义要拷贝的源目录，必填项
to: '../dist/static'}])

Answer 4

路径换成 ./static/xxx。