網站首頁編程語言正文

解決 Uncaught SyntaxError: Unexpected token ‘＜‘ 錯誤解決方法

作者：瘋狂的地球人更新時間： 2022-02-17 編程語言

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

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

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

今天在運行 Vue 項目時，發現報了一個 Uncaught SyntaxError: Unexpected token '<' 錯誤，如圖
在這里插入圖片描述

瞄一眼 語法錯誤，還以為很簡單，但事情并不是我想象的那樣,點進去后是這樣的
在這里插入圖片描述
我當時就裂開， <!DOCTYPE html> 編輯器自動補全的東西居然還會錯，肯定不可能，后來一番 google 才了解到，是 Vue內部的靜態資源文件引用規則沒理解清楚。

在這里插入圖片描述

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

在這里插入圖片描述

原文鏈接：https://blog.csdn.net/weixin_43742708/article/details/110594790