visual studio code運行時報錯，Cannot find module 'webpack'

前言

　　今天運行是visual studio code時，報了一個錯誤Cannot find module 'webpack' ，網上找了很多方法都沒解決。下面一起來看看怎么解決

正文

  報錯:

npm start提示 `vagrant@vagrant-ubuntu-trusty-32:/vagrant$ webpack /usr/lib/node_modules/webpack-cli/bin/webpack.js:237
                                throw err; ^ Error: Cannot find module 'webpack' 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 (/usr/lib/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js:159:20) at Object.<anonymous> (/vagrant/webpack.config.tsx:1:77) at Module._compile (/usr/lib/node_modules/webpack-cli/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) at Module.require (module.js:587:17) at require (/usr/lib/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js:159:20) at WEBPACK_OPTIONS (/usr/lib/node_modules/webpack-cli/bin/convert-argv.js:133:13) at requireConfig (/usr/lib/node_modules/webpack-cli/bin/convert-argv.js:135:6) at /usr/lib/node_modules/webpack-cli/bin/convert-argv.js:142:17 at Array.forEach (<anonymous>) at module.exports (/usr/lib/node_modules/webpack-cli/bin/convert-argv.js:140:15) at yargs.parse (/usr/lib/node_modules/webpack-cli/bin/webpack.js:234:39) at Object.parse (/usr/lib/node_modules/webpack-cli/node_modules/yargs/yargs.js:539:18) at /usr/lib/node_modules/webpack-cli/bin/webpack.js:212:8 at Object.<anonymous> (/usr/lib/node_modules/webpack-cli/bin/webpack.js:504:3) at Module._compile (module.js:643: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) at Module.require (module.js:587:17) at require (internal/module.js:11:18) at Object.<anonymous> (/usr/lib/node_modules/webpack/bin/webpack.js:12:2) at Module._compile (module.js:643:30)

 

PS D:\work-span\project\vue-admin-template-master> npm run dev > vue-admin-template@3.8.0 dev D:\work-span\project\vue-admin-template-master > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js module.js:549
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 (internal/module.js:11:18) at Object.<anonymous> (C:\Users\zzjframework\AppData\Roaming\npm\node_modules\webpack-dev-server\bin\webpack-dev-server.js:26:17) at Module._compile (module.js:652:30) at Object.Module._extensions..js (module.js:663:10) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3)

 

解決方法：

1.先確定有沒有安裝了webpack和webpack cli。

運行下面的命令進行安裝webpack

//全局安裝webpack

cnpm install wepack -save-dev -g

OR

//安裝webpack
npm install webpack

OR

//在項目中安裝，最好在項目中安裝一下
npm install --save-dev webpack

 

可以使用下列任一命令安裝這個新的包vue cli：

npm install -g @vue/cli # OR yarn global add @vue/cli

安裝之后，你就可以在命令行中訪問 vue 命令。你可以通過簡單運行 vue，看看是否展示出了一份所有可用命令的幫助信息，來驗證它是否安裝成功。

你還可以用這個命令來檢查其版本是否正確 (3.x)：

vue --version

 

你也可以嘗試使用如下指令，初始化一下

npm webpack-cli init

 

安裝完成，假如還在報此錯誤，

 

常識用指令來安裝模塊到node_modules目錄。

安裝命令：

npm install

 

 

假如還有錯誤。

 

可以嘗試配環境變量

需要配置系統環境變量：計算機->屬性->高級系統配置->環境變量

變量名為：NODE_PATH

變量值為：你的npm下的node_modules文件夾

如全局

假如還是不能解決你的問題，請嘗試刪除項目中的webpack重新安裝

 

安裝命令：

npm install

 

歡迎大家關注公眾號，不定時干貨，只做有價值的輸出

 作者：Dawnzhang 
出處：https://www.cnblogs.com/clwydjgs/p/9390488.html