Vue打包上传出现”Uncaught SyntaxError: Unexpected token <“的错误

我们公司有三个环境，一个dev、一个test、一个生产环境；
我在dev环境中打包上传时，dev环境时正常的。但是到了test环境中显示该问题

我是使用的elementUI和若依前端框架，感谢各位大佬为前端生产力的解放做出的贡献；

我在比对dev打包后的文件与test打包后的文件 /dist/index.html 之后发现,在index.html的底部中他们引用的js文件路径是不同的，因此就怀疑是打包配置那里出现了不同的情况。

转到vue.config.js中

//这里就是问题的所在了，dev环境中没有配置'production'，但是test和prod中配置了'production'
publicPath: process.env.NODE_ENV === "production" ? "/system-ui/" : "/",
//为了解决问题，也为了环境统一，我全部去掉了'/system-ui'
publicPath: "/",
复制代码

修改完成后再在test环境中打包就解决了这一问题

可能出现这一问题有多种情况，我这只碰到了这一种情况，也就提供这一种解决问题的思路。

果然，改bug和改问题是提升自己的最好的一种方式。