当我生成使用 VueJS 构建的 PWA 的生产版本时，将其部署到我的服务器后，我在 Google Chrome 中收到此错误：Uncaught SyntaxError: Unexpected token '<'在app.21fde857.js中：1Uncaught SyntaxError: Unexpected token '<'在 chunk-vendors.d1f8f63f.js:1我查看了控制台的“网络”选项卡和两个文件chunk-vendors.d1f8f63f.js，app.21fde857.js结果index.html显示状态为 200。为什么会出现这种情况？OBS：在本地，这非常有效。
4 回答
墨色风雨
TA贡献1853条经验 获得超6个赞
在index.html中的所有链接上添加<%= BASE_URL %>（示例
<link href="<%= BASE_URL %>favicon/apple-icon-144x144.png">：）并在head标签中添加基本标签（例如：
<base href="https://mywebsite.com" />），现在效果很好。
旧答案
我找到了解决方案。我必须在文件夹中的index.html文件中的.每个文件中手动添加一个。（例如：）srcdist/<link href=./js/chunk-vendors.d1f8f63f.js rel=preload as=script>
在源代码的index.html中，我在每个链接中添加了<%= BASE_URL %> <link rel="apple-touch-icon" sizes="144x144" href="<%= BASE_URL %>favicon/apple-icon-144x144.png">
翻翻过去那场雪
TA贡献2065条经验 获得超14个赞
这是因为 app.xxxxx.js 和vendors.xxxx.js 没有获取项目的基本 URL。
只需将基本标签 ( <base href="https://yourdomain.com" />) 添加到<head>项目的 index.html 文件中的标签即可
烙印99
TA贡献1829条经验 获得超13个赞
我遇到了同样的问题，我将publicPath: '/'vue.config.js 放入如下
module.exports = {
publicPath: '/'}现在工作正常。
- 4 回答
- 0 关注
- 130 浏览
添加回答
举报
0/150
提交
取消