已解決430363個問題，去搜搜看，總會有你想問的

未捕獲的語法錯誤：意外的標記“<”VueJS PWA

首頁猿問未捕獲的語法錯誤：意外的標記&ld...

未捕獲的語法錯誤：意外的標記“<”VueJS PWA

Html5

慕的地6264312 2023-10-16 10:41:09

當我生成使用 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貢獻2016條經驗獲得超9個贊

這是一個不需要手動編輯您的 dist 資產的解決方案。只需將以下屬性添加到 vue.config.js 的導出中：

publicPath: './'

反對回復 2023-10-16

墨色風雨

TA貢獻1853條經驗獲得超6個贊

在index.html中的所有鏈接上添加<%= BASE_URL %>（示例<link href="<%= BASE_URL %>favicon/apple-icon-144x144.png">：）
并在head標簽中添加基本標簽（例如：<base />），現在效果很好。

舊答案

我找到了解決方案。我必須在文件夾中的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">?

反對回復 2023-10-16

翻翻過去那場雪

TA貢獻2065條經驗獲得超14個贊

這是因為 app.xxxxx.js 和vendors.xxxx.js 沒有獲取項目的基本 URL。

只需將基本標簽 ( <base href="https://yourdomain.com" />) 添加到<head>項目的 index.html 文件中的標簽即可

反對回復 2023-10-16

烙印99

TA貢獻1829條經驗獲得超13個贊

我遇到了同樣的問題，我將publicPath: '/'vue.config.js 放入如下

module.exports = {
    publicPath: '/'}

現在工作正常。

反對回復 2023-10-16

4 回答
0 關注
190 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

未捕獲的語法錯誤：意外的標記“<”VueJS PWA

未捕獲的語法錯誤：意外的標記“<”VueJS PWA

4 回答

添加回答