Vue項目報錯：Uncaught SyntaxError: Unexpected token <
遇到問題：
今天做一個 VUE 的項目，在引入第三方依賴的 JS 文件時幌氮，遇到了一個問題：
控制臺的提示：
Uncaught SyntaxError: Unexpected token <按照提示進入文件，再看如下圖：
仔細看了看 index.html 文件,發(fā)現(xiàn)原本我的 JS 文件是放在 /src/utils 文件夾下的绣夺，但引入 /src 和 /static 的文件是有區(qū)別的森篷。
解決方案：
解決辦法是將第三方依賴的 JS 文件放到 /static/utils 目錄下酝陈，引入路徑也改成：<script src="./static/utils/sockjs.js"></script>，這樣就不報錯了翼虫！
總結(jié)：
1屑柔、assets文件夾與static文件夾的區(qū)別
區(qū)別一：assets文件是src下的，所以最后運行時需要進行打包珍剑，而static文件不需要打包就直接放在最終的文件中了
區(qū)別二：assets中的文件在vue中的template/style下用../這種相對路徑的形式進行引用掸宛，在script下必須用@import的方式引入而static下的文件在.vue中的任何地方都只要使用../這種相對路徑的方式引入，
2招拙、
（1）assets用來放置樣式唧瘾、靜態(tài)圖片，只要src下面的組件中用到的資源就放在assets中别凤。
（2）static用來放沒有npm包的第三方插件饰序，字體文件。
（3）assets與components同級闻妓。components下的.vue引用靜態(tài)文件時菌羽，相對路徑為 ../assets/wapFront
3、vue如何引入其它靜態(tài)文件：
（1）src目錄下的資源只能import或require。
（2）想靜態(tài)引入的話注祖，建立一個與src同級的目錄例如static猾蒂，然后把靜態(tài)資源放入該文件夾下，html的引入路徑如下：./static/...（注：試過一定要放在static文件夾下是晨，否則報錯）
版權(quán)聲明：本文為segmentfault博主[Miss_Ye]的原創(chuàng)文章肚菠。
原文鏈接：https://segmentfault.com/a/1190000016962582?utm_source=tag-newest
