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

问题解决方法1：将在路由中引入的组件路径改为绝对路径，比如：// 原来引入方式const a= () => import('./A/a.vue')// 将'./'改为'/'const a= () => import('/A/a.vue')问题解决方法2：修改vue.config.js文件const path = require('path') // 引入path模块function r

Liyybb

4864人浏览 · 2020-08-30 20:05:52

Liyybb · 2020-08-30 20:05:52 发布

问题解决方法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 '<'
}