解決辦法:
把放在 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