Webpack启动报错MODULE_NOT_FOUND:无法加载webpack.dev.js求助
排查
MODULE_NOT_FOUND(无法加载config/webpack.dev.js)的常见原因 - 核对文件名细节:确认文件实际名为
webpack.dev.js,避免拼写错误(比如webpack.dev.js、webpack.dev.ts),注意大小写——Linux/macOS系统文件名区分大小写,若文件是Webpack.dev.js会直接导致找不到。 - 验证启动脚本的工作目录:查看
package.json的scripts中start命令的路径写法,比如webpack serve --config config/webpack.dev.js。在项目根目录执行node -e "console.log(require.resolve('./config/webpack.dev.js'))",如果能输出文件路径说明Node可以识别,若报错则说明工作目录不对(比如你在子目录执行了npm start)。 - 重新安装依赖:删除
node_modules、package-lock.json,重新运行npm install——有时npm i会因网络或缓存问题导致依赖安装不完整,尤其是Webpack相关核心依赖(webpack、webpack-cli、webpack-dev-server)缺失可能触发这类错误。 - 检查文件权限与可见性:
- 用
ls -la config/(Linux/macOS)或dir config(Windows)确认文件存在,无隐藏字符或异常命名。 - Linux/macOS下执行
chmod +r config/webpack.dev.js确保当前用户有读取权限。
- 用
- 排除模块解析干扰:若项目
package.json有main/module字段,或Webpack配置中自定义了resolve规则,可能影响路径解析,可临时注释这些配置测试。 - 排查软链接问题:如果
config是软链接,Node可能无法正确解析,替换为实际文件夹再测试。
内容的提问来源于stack exchange,提问作者Brogrammer
相关产品推荐
相关产品推荐

