未捕获的语法错误：意外的标记“<”VueJS PWA

Question

当我生成使用 VueJS 构建的 PWA 的生产版本时，将其部署到我的服务器后，我在 Google Chrome 中收到此错误：

• Uncaught SyntaxError: Unexpected token '<'在app.21fde857.js中：1
• Uncaught SyntaxError: Unexpected token '<'在 chunk-vendors.d1f8f63f.js:1

我查看了控制台的“网络”选项卡和两个文件chunk-vendors.d1f8f63f.js，app.21fde857.js结果index.html显示状态为 200。

为什么会出现这种情况？

OBS：在本地，这非常有效。

Answer 1

这是一个不需要手动编辑您的 dist 资产的解决方案。只需将以下属性添加到 vue.config.js 的导出中：

publicPath: './'