VUE項目引入第三方依賴報錯 Uncaught SyntaxError: Unexpected token <


每日踩坑隨筆 希望能幫助到大家

 

 上圖是什么問題呢?

引入jquery,js報錯,為什么呢?於是我查閱了很多資料;

是靜態資源的問題

以下是查閱資料的答案 親測結果還是不行;

解決辦法是將第三方依賴的 JS 文件放到 /static/utils 目錄下,引入路徑也改成:<script src="./static/utils/sockjs.js"></script>,這樣就不報錯了!

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

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

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

2、

(1)assets用來放置樣式、靜態圖片,只要src下面的組件中用到的資源就放在assets中。

(2)static用來放沒有npm包的第三方插件,字體文件。

(3)assets與components同級 components下的.vue引用靜態文件時,相對路徑為 ../assets/wapFront

3、vue如何引入其它靜態文件:

(1)src目錄下的資源只能import或require。

(2)想靜態引入的話,建立一個與src同級的目錄例如static,然后把靜態資源放入該文件夾下,html的引入路徑如下:./static/...(注:試過一定要放在static文件夾下,否則報錯)

 

然后我靈機一動直接把他放進了public里面

 

 然后就好了,就不報錯了,希望可以幫助到大家

 

 神奇


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM