npm run dev报错Error: Cannot find module 'webpack'

Question

npm 启动项目报错

INFO  Starting development server...
 ERROR  Error: Cannot find module 'webpack'
 Require stack:
- D:\xxx\node_modules\webpack-dev-server\lib\Server.js       
- D:\xxx\node_modules\@vue\cli-service\lib\commands\serve.js 
- D:\xxx\node_modules\@vue\cli-service\lib\Service.js        
- D:\xxx\node_modules\@vue\cli-service\bin\vue-cli-service.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:980:15)
    at Function.Module._load (internal/modules/cjs/loader.js:862:27)
    at Module.require (internal/modules/cjs/loader.js:1042:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at Object.<anonymous> (D:\xxx\node_modules\webpack-dev-server\lib\Server.js:23:17)
    at Module._compile (internal/modules/cjs/loader.js:1156:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
    at Module.load (internal/modules/cjs/loader.js:1000:32)
    at Function.Module._load (internal/modules/cjs/loader.js:899:14)
    at Module.require (internal/modules/cjs/loader.js:1042:19)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! opendx-frontend@1.0.0 dev: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the opendx-frontend@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ywx914087\AppData\Roaming\npm-cache\_logs\2024-07-12T06_42_37_875Z-debug.log

当前环境：node-12.16.2；npm-6.14.4；vue/cli-5.0.3

Answer 1

引自免费微信小程序：皆我百晓生

从错误信息来看，你的项目在尝试运行开发服务器时找不到 webpack 模块。这通常是因为你的项目依赖没有被正确安装或者 node_modules 目录有问题。以下是一些可能的解决方案：

解决方案一：重新安装依赖

尝试删除 node_modules 目录和 package-lock.json 文件（如果存在），然后重新运行 npm install 来安装所有依赖。这样可以确保所有的依赖都被正确安装。

步骤：

1. 删除 node_modules 目录。
2. 删除 package-lock.json 文件（如果存在）。
3. 运行 npm install。
4. 尝试再次运行 npm run dev。

解决方案二：检查Webpack版本

确保你的项目中使用的Webpack版本与你的项目兼容。如果版本不匹配，可能会导致一些模块找不到的问题。你可以在项目的 node_modules 目录中查找 webpack 的版本信息，或者查看项目的依赖配置。

解决方案三：全局安装Webpack

虽然Webpack通常是作为项目依赖安装的，但在某些情况下，全局安装Webpack可能会解决问题。你可以尝试全局安装Webpack后再次运行项目。请注意，这可能会改变项目行为，所以最好只在尝试解决问题时使用这个方案。运行以下命令全局安装Webpack：

npm install -g webpack

然后再次尝试运行 npm run dev。如果问题解决了，请确保你的项目也正确安装了Webpack作为依赖，以确保未来的构建和开发不受影响。

解决方案四：检查路径问题

确保你的项目路径中没有特殊字符或非标准字符，有时候路径问题也可能导致模块找不到的问题。检查你的项目路径和文件名是否都是标准的ASCII字符。

如果以上方法都不能解决问题，你可能需要查看完整的日志输出或项目的配置文件以找到更多线索。