網(wǎng)站首頁(yè) 編程語(yǔ)言正文

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

作者：瘋狂的地球人更新時(shí)間： 2022-02-17 編程語(yǔ)言

一、解決辦法：

把放在 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)去后是這樣的
在這里插入圖片描述
我當(dāng)時(shí)就裂開(kāi)， <!DOCTYPE html> 編輯器自動(dòng)補(bǔ)全的東西居然還會(huì)錯(cuò)，肯定不可能，后來(lái)一番 google 才了解到，是 Vue內(nèi)部的靜態(tài)資源文件引用規(guī)則沒(méi)理解清楚。