解決辦法:
把放在 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ò)誤诵肛,如圖
瞄一眼 語(yǔ)法錯(cuò)誤跑芳,還以為很簡(jiǎn)單突照,但事情并不是我想象的那樣,點(diǎn)進(jìn)去后是這樣的
是 Vue內(nèi)部的 靜態(tài)資源文件引用規(guī)則沒(méi)理解清楚
此外帮非,放到 public 里的東西,可以不用寫(xiě)開(kāi)頭目錄,腳手架打包的時(shí)候找不到末盔,會(huì)去public文件夾找的筑舅,例如:
————————————————
版權(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