Vue addRoutes 动态路由打包问题
Vue中动态路由配置会因为vue-cli的版本不同,组件导入方式也有所不同
vue-cli 2.x 正确导入方式
//view 后台传过来的组件路径 const loadView = (view) => { return resolve => require([`@/pages/${view}`], resolve); }
vue-cli 3.x正确导入方式
//view 后台传过来的组件路径 const loadView = (view) => { return () => import(`@/views/${view}`); }
我曾遇到过一种情况,vue-cli4.5版本,开发环境正常,打包不正常之后,原因是打包之后的动态加载路由对应的页面并没有被打包,当时的写法是这样的
const loadView = (view) => { return () => require(`@/pages/${view}`); }
问题出在于require引入方式,正确应该把require改为import引入
require与import的区别
https://juejin.cn/post/7014011266796617736
愿你走出半生,归来仍是少年