vue踩坑之旅

 1.【错误信息】Cannot find module '@/views/login/xxx'     at webpackEmptyContext (eval at ./src/router sync recursive (app.js:2562), <anonymous>:2:10)     at eval (asyncLoginRouter.ts?425a:20)

【解决方法】
①进入router中的index.js

component: () => import('@/views/login/index'),
改为

component: (resolve) => require(["@/views/login/index"], resolve),

②如果是动态路由则

export const loadView = (view) => { // 路由懒加载
return () => import(`@/views/${view}`)
}
改为

export const loadView = (view) => { // 路由懒加载
return (resolve) => require([`@/views/${view}`], resolve)
}

【原因分析】webpack4中动态import不支持变量方式，
该修改对于生产环境无影响，只在开发环境有问题