解決 Uncaught SyntaxError: Unexpected token ‘<‘ 錯(cuò)誤解決方法

解決辦法:

把放在 Vue項(xiàng)目 src/assets里邊的資源文件放到 public 文件夾下來(lái)引用

assets文件夾與static文件夾的區(qū)別

區(qū)別一:assets文件是src下的,所以最后運(yùn)行時(shí)需要進(jìn)行打包,而static文件不需要打包就直接放在最終的文件中了

區(qū)別二:assets中的文件在vue中的template/style下用…/這種相對(duì)路徑的形式進(jìn)行引用,在script下必須用@import的方式引入,而static下的文件在.vue中的任何地方只需使用…/這種相對(duì)路徑的方式引入,

錯(cuò)誤發(fā)生的環(huán)境

今天在運(yùn)行 Vue 項(xiàng)目時(shí),發(fā)現(xiàn)報(bào)了一個(gè) Uncaught SyntaxError: Unexpected token '<' 錯(cuò)誤,如圖


image.png

瞄一眼 語(yǔ)法錯(cuò)誤,還以為很簡(jiǎn)單,但事情并不是我想象的那樣,點(diǎn)進(jìn)去后是這樣的


image.png

是 Vue內(nèi)部的 靜態(tài)資源文件引用規(guī)則沒(méi)理解清楚


image.png

此外,放到 public 里的東西,可以不用寫開(kāi)頭目錄,腳手架打包的時(shí)候找不到,會(huì)去public文件夾找的,例如:


image.png

image.png

————————————————
版權(quán)聲明:本文為CSDN博主「瘋狂的地球人」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_43742708/article/details/110594790

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容