Vue專案報錯：Uncaught SyntaxError: Unexpected token <

遇到問題：

今天做一個 VUE 的專案，在引入第三方依賴的 JS 檔案時，遇到了一個問題：

控制檯的提示：Uncaught SyntaxError: Unexpected token <
按照提示進入檔案，再看如下圖：

仔細看了看 index.html 檔案,發現原本我的 JS 檔案是放在 /src/utils 資料夾下的，但引入 /src 和 /static 的檔案是有區別的。

解決方案：

解決辦法是將第三方依賴的 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資料夾下，否則報錯）

轉載：https://segmentfault.com/a/1190000016962582