解决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: '/',
}
Logo

前往低代码交流专区

更多推荐