未捕获的语法错误：意外的标记“<”VueJS PWA
当我生成使用 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：在本地，这非常有效。
慕的地6264312浏览 135回答 4
4回答
-
慕沐林林
这是一个不需要手动编辑您的 dist 资产的解决方案。只需将以下属性添加到 vue.config.js 的导出中：publicPath: './' -
墨色风雨
在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"> -
翻翻过去那场雪
这是因为 app.xxxxx.js 和vendors.xxxx.js 没有获取项目的基本 URL。只需将基本标签 ( <base href="https://yourdomain.com" />) 添加到<head>项目的 index.html 文件中的标签即可 -
烙印99
我遇到了同样的问题，我将publicPath: '/'vue.config.js 放入如下module.exports = { publicPath: '/'}现在工作正常。
随时随地看视频慕课网APP
相关分类
Html5