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