問題：

最近做vue項目時，當(dāng)我訪問二級路由的時候，就會報Uncaught SyntaxError: Unexpected token ‘＜‘錯誤，而我訪問一級路由不會報錯。翻了網(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同級  components下的.vue引用靜態(tài)文件時，相對路徑為 ../assets/xxx/......

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

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

解決方法：

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

原因二：配置信息不正確

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

解決方法：

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

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

原因三：script的引入類型不對

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

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

總結(jié)

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

最新評論