Uncaught?SyntaxError:Unexpected?token?'<'?(at?xxx.js)解決分析
更新時間：2024年01月23日 14:20:07 作者：水冗水孚
這篇文章主要為大家介紹了JS判斷趨近于直線的多邊形(退化多邊形)實例探究，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
報錯截圖
報錯場景
- Vue項目的
public目錄下的index.html文件引入某個.js腳本文件（假設為xxx.js）吧 - 寫法：
<script src="./local/xxx.js"></script> - 直接用相對路徑引入，結(jié)果報錯了
報錯原因
報錯：Uncaught SyntaxError: Unexpected token '<' (at xxx.js)
原因一般就是資源引用錯誤，如下：
- 腳本或者靜態(tài)資源引用錯誤，錯誤后無法加載解析。
- 或者是
<script>或<link>標簽引入 - 引入的路徑錯了，找不到這個文件腳本資源之類的
- 筆者的項目中，配置了打包的基路徑：
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動態(tài)設置樣式style實例分析
這篇文章主要介紹了javascript動態(tài)設置樣式style的方法,實例分析了javascript操作style樣式的易錯點和相關(guān)使用技巧,需要的朋友可以參考下2015-05-05
這篇文章給大家介紹了js實現(xiàn)百度搜索功能，代碼分為html部分和css折疊樣式部分，具體實現(xiàn)代碼大家參考下本文2018-02-02
這篇文章主要介紹了原生JS實現(xiàn)的碰撞檢測功能,涉及javascript鼠標事件響應及頁面圖形坐標位置運算、檢測相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了微信小程序中實現(xiàn)自定義Navbar方法,Navbar由 StatusBar和TitleBar組成,只需要知道它們各自的高度,就可以很好地完成自定義,需要的朋友可以參考下2024-05-05
JavaScript計算兩個日期時間段內(nèi)日期的方法
這篇文章主要介紹了JavaScript計算兩個日期時間段內(nèi)日期的方法,涉及javascript操作時間的技巧,需要的朋友可以參考下2015-03-03
javascript ImgBox透明遮罩層背景圖片展示,就是增加了一個關(guān)閉按鈕，比較實用。2009-07-07
使用JS的input框?qū)崿F(xiàn)音頻文件的上傳與播放功能
最近的系統(tǒng)加的功能是越來越多了,前兩天老板又讓實現(xiàn)一個錄音上傳的功能,可以點擊播放按鈕打開音頻播放器,點擊暫停按鈕暫定播放,想了想決定使用input框的file類型加上接收的參數(shù)為audio來實現(xiàn)此功能,感興趣的朋友可以參考下2024-06-06
在基本類型當中，有三種類型是我們經(jīng)常使用的：boolean，number，string，通過本篇文章給大家介紹javascript高級教程5.6之基本包裝類型，感興趣的朋友一起學習吧2015-11-11
從原生到框架之前端的錯誤監(jiān)聽詳解(Vue和React兩大框架)
在前端開發(fā)中,監(jiān)聽(Event?Listener)是指在特定事件發(fā)生時執(zhí)行相應的JavaScript代碼,這篇文章主要介紹了從原生到框架之前端的錯誤監(jiān)聽(?Vue和React兩大框架)的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-09-09
關(guān)于微信jssdk實現(xiàn)多圖片上傳的一點心得分享
這篇文章主要介紹了關(guān)于微信jssdk實現(xiàn)多圖片上傳的一點心得分享,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12