vue 路由刷新出新 Uncaught SyntaxError: Unexpected token ‘＜‘

最新推荐文章于 2025-03-19 16:03:52 发布

Liyybb

最新推荐文章于 2025-03-19 16:03:52 发布

阅读量4.7k

点赞数 4

分类专栏：笔记文章标签： vue js

本文链接：https://blog.youkuaiyun.com/qq_41121649/article/details/108310202

版权

笔记专栏收录该内容

8 篇文章

订阅专栏

本文介绍了解决Vue项目中路由刷新出现Uncaught SyntaxError的方法，包括更改组件导入为绝对路径和配置vue.config.js来设置别名及publicPath，确保项目在刷新页面时仍能正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题解决方法1：将在路由中引入的组件路径改为绝对路径，比如：

// 原来引入方式
const a= () => import('./A/a.vue')
// 将'./'改为'/'
const a= () => import('/A/a.vue')

问题解决方法2：修改vue.config.js文件

const path = require('path') // 引入path模块
function resolve (dir) {
  return path.join(__dirname, dir) // path.join(_dirname)设置绝对路径
}

module.exports = {
  chainWebpack: (config) => {
    config.resolve.alias
      // 第一个参数：别名 第二个参数：路径
      .set('components', resolve('src/components'))
      .set('assets', resolve('src/assets'))
      .set('commonjs', resolve('src/commonjs'))
      .set('views', resolve('src/views'))
      .set('network', resolve('src/network'))
  },
  //  将原来的 publicPath: './'，改成
  publicPath: '/'
  // 这样便可以解决路由刷新出新 Uncaught SyntaxError: Unexpected token '<'
}