解决VUE项目访问报错“Uncaught SyntaxError: Unexpected token }“错误

解决VUE项目访问报错"Uncaught SyntaxError: Unexpected token }"错误

vue项目，npm run build时点击路由切换，第一次点击没问题，再点不会切换报错如下图
Uncaught SyntaxError: Unexpected token ‘＜‘

因为在将我的项目（在路由中用了懒加载）改为 history模式的过程中，有时候发现会出现chunk加载出错的情况，打开chrome的network发现那个chunk加载404了，是因为请求的url中多了一层路径。我在这里发现了解决方案。

LinusBorg说，因为在 history模式中切换路由时，我们是真正改变了页面的url路径，所以webpack的runtime会认为它位于 example.com/some/path。如果 publicPath是设置的相对路径，那么webpack加载chunk时可能会变成 example.com/some/path/static/js/3.js这样的路径，然而chunk的真正路径是 example.com/static/js/3.js，所以我们需要将 publicPath设置为绝对路径（ publicPath: ‘/’）来解决这个问题。
具体查看：https://www.jb51.net/article/162268.htm 讲解很详细
解决访问：在config.index中加上：

module.exports = {
    publicPath: '/',
}