安装Webpack时出现找不到模块'webpack/schemas/WebpackOptions.json'错误求解决

我之前也踩过这个一模一样的坑！这个错误几乎都是webpack和webpack-cli版本不兼容，或者本地依赖安装残留导致的冲突。你已经试过全局+本地安装，但可能没彻底清理旧依赖，试试下面的步骤：

第一步：彻底清理现有依赖 #

先把全局和本地的旧依赖都清干净，避免版本混乱：

• 卸载全局的webpack和webpack-cli：

  npm uninstall -g webpack webpack-cli
  

• 进入项目目录，删除本地依赖文件夹和锁文件：

  rm -rf node_modules package-lock.json
  

• 强制清除npm缓存，避免缓存里的旧包搞事情：

  npm cache clean --force
  

第二步：重新安装兼容的本地依赖 #

webpack和webpack-cli的版本必须匹配，别乱装最新版，推荐两组稳定组合：

• 如果你想用Webpack 5（目前主流）：

  npm install --save-dev webpack@^5 webpack-cli@^4
  

• 如果你需要兼容旧项目（Webpack 4）：

  npm install --save-dev webpack@^4 webpack-cli@^3
  

第三步：验证安装结果 #

运行下面的命令，能正常显示webpack和webpack-cli的版本号就说明没问题了：

npx webpack --version

额外提醒 #

• 尽量不要同时使用全局和本地的webpack，开发时优先用本地的（通过npx调用），这样能保证项目依赖的版本一致
• 如果项目里有旧的webpack配置文件，注意对应版本调整配置项（比如Webpack 5移除了一些Webpack 4的配置）

你的错误信息我再贴一下方便参考：

module.js:540 throw err; ^ Error: Cannot find module 'webpack/schemas/WebpackOptions.json' at Function.Module._resolveFilename (module.js:538:15) at Function.Module._load (module.js:468:25) at Module.require (module.js:587:17) at require (/Users/macpro/Documents/sites/colo/node_modules/v8-compile-cache/v8-compile-cache.js:159:20) at Object.<anonymous> (/Users/macpro/Documents/sites/colo/node_modules/webpack-cli/bin/config-yargs.js:1:85) at Module._compile (/Users/macpro/Documents/sites/colo/node_modules/v8-compile-cache/v8-compile-cache.js:178:30) at Object.Module._extensions..js (module.js:654:10) at Module.load (module.js:556:32) at tryModuleLoad (module.js:499:12) at Function.Module._load (module.js:491:3)

内容的提问来源于stack exchange，提问作者el-kitty