全局安装Webpack后执行命令报错：Cannot find module 'webpack'

嘿，我之前也碰到过一模一样的情况！你全局装了Webpack但运行webpack命令时提示找不到模块，大概率是因为全局的webpack-cli无法正确定位到全局安装的Webpack，或者更核心的问题是：Webpack更推荐本地安装而非全局安装——不同项目可能依赖不同版本的Webpack，全局安装很容易引发版本冲突。

先把你遇到的错误详情贴出来：

C:\Users\compac\node_modules\webpack-cli\bin\webpack.js:242 throw err; ^ Error: Cannot find module 'webpack' at Function.Module._resolveFilename (module.js:547:15) at Function.Module._load (module.js:474:25) at Module.require (module.js:596:17) at require (C:\Users\compac\node_modules\v8-compile-cache\v8-compile-cache....

下面给你两种可行的解决办法，优先推荐第一种：

方法一：本地安装Webpack和webpack-cli（官方推荐） #

这是最稳妥的方式，能彻底避免版本冲突问题：

• 第一步（可选但更干净）：如果之前全局装了Webpack，先卸载全局版本：

  npm uninstall -g webpack webpack-cli
  

• 第二步：进入你的Vue项目根目录，把Webpack和webpack-cli安装到项目的开发依赖中：

  npm install --save-dev webpack webpack-cli
  

• 第三步：运行Webpack的两种方式：
  1. 用npx直接调用本地安装的Webpack：

     npx webpack
     

  2. 在项目的package.json里添加脚本命令：

     "scripts": {
       "build": "webpack"
     }
     

     之后直接运行脚本即可：

     npm run build
     

方法二：修复全局安装的适配问题 #

如果你坚持要用全局安装的Webpack，可以试试这两步：

• 第一步：确保Webpack和webpack-cli都完成了全局安装：

  npm install -g webpack webpack-cli
  

• 第二步：进入项目根目录，把全局的Webpack链接到当前项目中，让webpack-cli能找到它：

  npm link webpack
  

内容的提问来源于stack exchange，提问作者khadija.EL