执行npm run dev时报MODULE_NOT_FOUND错误找不到webpack.js模块怎么解决?
问题解决步骤
- 检查webpack相关依赖是否正确声明
打开项目根目录的package.json文件,确认devDependencies字段下包含webpack、webpack-cli、webpack-dev-server三个依赖。如果缺失,执行以下命令安装:npm install webpack webpack-cli webpack-dev-server -D - 排查全局webpack版本冲突
全局安装的webpack和本地项目版本不一致会导致路径寻址错误,执行以下命令卸载全局webpack相关依赖:
卸载完成后重新执行npm uninstall webpack webpack-cli webpack-dev-server -gnpm install安装本地依赖,优先调用项目本地的webpack版本。 - 检查项目路径合法性
你当前的项目路径包含空格(报错信息中的This is the Folder path存在多处空格),Windows系统下部分npm版本对带空格、中文、特殊字符的路径解析会异常,请将项目移动到全英文、无空格无特殊字符的路径下(例如C:\dev\webpack-demo),再重新执行npm run dev测试。 - 修正dev脚本配置
先确认项目根目录下的bundler/webpack.dev.js文件确实存在,再将package.json中scripts.dev修改为显式调用本地webpack的形式,避免寻址错误:"dev": "node ./node_modules/webpack/bin/webpack.js serve --config ./bundler/webpack.dev.js" - 清理npm缓存重试
执行以下命令清理全局缓存后重新安装依赖:
之后删除项目根目录下的npm cache clean --forcenode_modules文件夹和package-lock.json文件,再执行npm install重新安装依赖即可。
内容的提问来源于stack exchange,提问作者MedAli Khaled
相关产品推荐
相关产品推荐

