项目运行报Cannot find module错误,重装依赖未解决,求排查webpack相关问题
问题根因排查结果
核心错误点1:webpack配置文件重复导出,有效配置被覆盖
你的webpack.config.js文件中先后两次给module.exports赋值,后面的错误配置会直接覆盖前面的正常业务配置,导致webpack实际运行时加载的是完全错误的配置项。
核心错误点2:第二套配置完全不符合webpack使用规范
- webpack的
entry配置项应该填写你自己业务代码的入口文件路径,你错误填写了webpack自身的执行文件路径,完全不符合使用逻辑 - webpack的输出配置只识别
output.path属性,你写的path2属于自定义属性,webpack不会读取,会导致输出路径解析失败
修复步骤
- 完全删除
webpack.config.js中第二套配置代码,修复后的配置内容如下:
/* eslint-disable no-undef */ const path = require('path'); module.exports = { entry:'./src/app.js', output: { filename:'app.js', path: path.resolve(__dirname,'assets','scripts') } };
- 检查你的项目根目录结构,确保存在
src/app.js文件,和配置中的入口路径一致 - 不要直接全局执行
webpack命令,统一使用项目脚本命令执行构建:
npm run build
- 如果执行后仍有依赖报错,删除项目根目录下的
node_modules文件夹和package-lock.json文件,重新执行npm install安装依赖即可。
内容的提问来源于stack exchange,提问作者Junaid_byte19
相关产品推荐
相关产品推荐

