解決辦法：

把放在 Vue項目 src/assets里邊的資源文件放到 public 文件夾下來引用

assets文件夾與static文件夾的區別

區別一：assets文件是src下的，所以最后運行時需要進行打包，而static文件不需要打包就直接放在最終的文件中了

區別二：assets中的文件在vue中的template/style下用…/這種相對路徑的形式進行引用，在script下必須用@import的方式引入，而static下的文件在.vue中的任何地方只需使用…/這種相對路徑的方式引入，

錯誤發生的環境

今天在運行 Vue 項目時，發現報了一個 Uncaught SyntaxError: Unexpected token '<' 錯誤，如圖

image.png

瞄一眼 語法錯誤，還以為很簡單，但事情并不是我想象的那樣,點進去后是這樣的

image.png

是 Vue內部的 靜態資源文件引用規則沒理解清楚

image.png

此外，放到 public 里的東西，可以不用寫開頭目錄，腳手架打包的時候找不到，會去public文件夾找的，例如：

image.png

image.png

————————————————
版權聲明：本文為CSDN博主「瘋狂的地球人」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/weixin_43742708/article/details/110594790