問題：

最近做vue項(xiàng)目時(shí)，當(dāng)我訪問二級(jí)路由的時(shí)候，就會(huì)報(bào)Uncaught SyntaxError: Unexpected token ‘＜‘錯(cuò)誤，而我訪問一級(jí)路由不會(huì)報(bào)錯(cuò)。翻了網(wǎng)上很多資料，都無法解決。

一、public下的index.html沒有引入其他外部js文件。

解決方法：清除瀏覽器緩存。

二、 public下的index.html引入其他外部js文件。

原因一.引用文件的位置不正確

js文件放在static文件夾下和放在assets文件夾下的引用方式是不一樣的。簡而言之：

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

   2.static用來放沒有npm包的第三方插件，字體文件。

   3.assets與components同級(jí)  components下的.vue引用靜態(tài)文件時(shí)，相對(duì)路徑為 ../assets/xxx/......

   說明：如果js文件中包含es6語法的話，就不可以放在static文件夾下，因?yàn)閟tatic文件夾默認(rèn)是不會(huì)被打包和編譯的，所以引用的時(shí)候會(huì)拋異常。

不同之處可以查看這篇博客：https://www.cnblogs.com/huangqiao/p/7798887.html

解決方法：

將src下的文件放到static下面去，在indec.html中的引用路徑采用相對(duì)路徑的表現(xiàn)形式，“./static/xxx/xxxxx.js”

原因二：配置信息不正確

如果你的js文件中包含es6語法，但沒有配置采用babel-loader來解析和轉(zhuǎn)化為es5語法的話，也會(huì)報(bào)這個(gè)錯(cuò)誤。

解決方法：

需要在webpack.config.js里配置loader，vue-cli是不會(huì)幫忙配置的。

然后重新編譯項(xiàng)目，就可以解決，當(dāng)然這個(gè)也沒有解決我的問題。

原因三：script的引入類型不對(duì)

解決辦法：將type="text/javascript"改為type="text/babel"

我嘗試了，不會(huì)再報(bào)以上錯(cuò)誤，但是我引入的JS文件中的內(nèi)容卻沒有編譯成功，里面的方法依然無法使用。

總結(jié)

到此這篇關(guān)于Vue項(xiàng)目報(bào)錯(cuò):Uncaught SyntaxError: Unexpected token '＜'解決的文章就介紹到這了,更多相關(guān)Uncaught SyntaxError: Unexpected token '＜'內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論