Cannot find module ‘xxx‘ 错误解决方法

5/15/2020 Vue

当时在我本地提交完项目以后,同事从git clone下来以后npm install,npm run dev 按照常规的操作启动完以后,点击登陆,就报下图的错误 avatar

因为路由完全是由后台动态返回的,下载依赖包以后就报这个错,当时还以为install的出错了,就让他重新去install,结果不行,经过一步一步的盘查,错误原因是老外修改了webpack打包逻辑,webpack4中动态import不支持变量方式,该修改对于生产环境无影响,只在开发环境有问题。 仔细的去看完文档以后,找到了两种解决方法。如下:

第一种:

package.json的devDependencies里面锁定版本
"babel-plugin-dynamic-import-node": "2.3.0"
1
2

第二种:

// router.component = () => import(`@/views${component}`)
router.component = (resolve) => require([`@/views${component}`],resolve)
1
2

两种方法任选其一都可以解决