Uncaught?SyntaxError:Unexpected?token?'<'?(at?xxx.js)解決分析
更新時間：2024年01月23日 14:20:07 作者：水冗水孚
這篇文章主要為大家介紹了JS判斷趨近于直線的多邊形(退化多邊形)實例探究，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
報錯截圖
報錯場景
- Vue項目的
public目錄下的index.html文件引入某個.js腳本文件（假設(shè)為xxx.js）吧 - 寫法：
<script src="./local/xxx.js"></script> - 直接用相對路徑引入，結(jié)果報錯了
報錯原因
報錯：Uncaught SyntaxError: Unexpected token '<' (at xxx.js)
原因一般就是資源引用錯誤，如下：
- 腳本或者靜態(tài)資源引用錯誤，錯誤后無法加載解析。
- 或者是
<script>或<link>標(biāo)簽引入 - 引入的路徑錯了，找不到這個文件腳本資源之類的
- 筆者的項目中，配置了打包的基路徑：
BASE_URL比如：
// vue.config.js
module.exports = {
publicPath: process.env.BASE_URL,
lintOnSave: true,
......
}// .env.development NODE_ENV=development BASE_URL=/
亦或路由：
// router.js
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})所以，入口index.html就要換成基路徑變量引入方式
代碼示例
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<script src="<%= BASE_URL %>summernote/jquery-2.2.0.min.js"></script>
<!-- 正確引入方式 -->
<script src="<%= BASE_URL %>fold/xxx.js"></script>
<!-- 錯誤引入方式 -->
<script src="./fold/xxx.js"></script>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>以上就是Uncaught SyntaxError:Unexpected token '<' (at xxx.js)解決分析的詳細內(nèi)容，更多關(guān)于Uncaught SyntaxError的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
JavaScript數(shù)組分組groupBy示例詳解
JavaScript?最近發(fā)布了一個方法?Object.groupBy,可以對可迭代對象中的元素進行分組,這篇文章主要介紹了JavaScript數(shù)組分組groupBy示例,需要的朋友可以參考下2023-12-12
JavaScript對象中的可擴展性指的是：是否可以給對象添加新屬性。所有的內(nèi)置對象和自定義對象顯示的都是可擴展的，對于宿主對象，則由JavaScript引擎決定2022-11-11
微信小程序movable view移動圖片和雙指縮放實例代碼
movable-area是微信小程序的新組件，可以用來移動視圖區(qū)域movable-view。這篇文章主要介紹了微信小程序movable view移動圖片和雙指縮放實例代碼,需要的朋友可以參考下2017-08-08
這篇文章主要為大家介紹了WebGL 顏色與紋理使用介紹，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
在面向?qū)ο蟮木幊陶Z言中,類和對象的關(guān)系是鑄模和鑄件的關(guān)系,對象總是從類創(chuàng)建而來,比如Java中,必須先創(chuàng)建類再基于類實例化對象,這篇文章主要介紹了JavaScript原型和原型鏈的相關(guān)知識,需要的朋友可以參考下2024-05-05
篇文章主要為大家詳細介紹了JavaScript?異步ajax，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下嗎，希望能夠給你帶來幫助2022-03-03
如果想做一個鏈接點擊后不做任何事情，或者響應(yīng)點擊而完成其他事情一般都是設(shè)置屬性href = "#"其實還有比這更好的方法，下面為大家整理了幾種比較常見的解決方法，感興趣的朋友可以參考下2013-08-08
這篇文章主要介紹了js獲取頁面description的方法,涉及javascript操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
JavaScript腳本文件都放在頁面底部加載，可以有效地加快頁面的加載速度，下面為大家介紹下書寫時的注意事項2013-07-07
這篇文章主要介紹了普通js文件里面如何訪問vue實例this指針，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08