前言

　　今天运行是visual studio code时，报了一个错误Cannot find module 'webpack' ，网上找了很多方法都没解决。下面一起来看看怎么解决

正文

报错:

npm start提示

`vagrant@vagrant-ubuntu-trusty-:/vagrant$ webpack

/usr/lib/node_modules/webpack-cli/bin/webpack.js:

                                throw err;

                                ^

Error: Cannot find module 'webpack'

    at Function.Module._resolveFilename (module.js::)

    at Function.Module._load (module.js::)

    at Module.require (module.js::)

    at require (/usr/lib/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js::)

    at Object.<anonymous> (/vagrant/webpack.config.tsx::)

    at Module._compile (/usr/lib/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js::)

    at Object.Module._extensions..js (module.js::)

    at Module.load (module.js::)

    at tryModuleLoad (module.js::)

    at Function.Module._load (module.js::)

    at Module.require (module.js::)

    at require (/usr/lib/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js::)

    at WEBPACK_OPTIONS (/usr/lib/node_modules/webpack-cli/bin/convert-argv.js::)

    at requireConfig (/usr/lib/node_modules/webpack-cli/bin/convert-argv.js::)

    at /usr/lib/node_modules/webpack-cli/bin/convert-argv.js::

    at Array.forEach (<anonymous>)

    at module.exports (/usr/lib/node_modules/webpack-cli/bin/convert-argv.js::)

    at yargs.parse (/usr/lib/node_modules/webpack-cli/bin/webpack.js::)

    at Object.parse (/usr/lib/node_modules/webpack-cli/node_modules/yargs/yargs.js::)

    at /usr/lib/node_modules/webpack-cli/bin/webpack.js::

    at Object.<anonymous> (/usr/lib/node_modules/webpack-cli/bin/webpack.js::)

    at Module._compile (module.js::)

    at Object.Module._extensions..js (module.js::)

    at Module.load (module.js::)

    at tryModuleLoad (module.js::)

    at Function.Module._load (module.js::)

    at Module.require (module.js::)

    at require (internal/module.js::)

    at Object.<anonymous> (/usr/lib/node_modules/webpack/bin/webpack.js::)

    at Module._compile (module.js::)

PS D:\work-span\project\vue-admin-template-master> npm run dev

> vue-admin-template@3.8. dev D:\work-span\project\vue-admin-template-master

> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

module.js:

throw err;

^

Error: Cannot find module 'webpack'

at Function.Module._resolveFilename (module.js::)

at Function.Module._load (module.js::)

at Module.require (module.js::)

at require (internal/module.js::)

at Object.<anonymous> (C:\Users\zzjframework\AppData\Roaming\npm\node_modules\webpack-dev-server\bin\webpack-dev-server.js::)

at Module._compile (module.js::)

at Object.Module._extensions..js (module.js::)

at Module.load (module.js::)

at tryModuleLoad (module.js::)

at Function.Module._load (module.js::)

解决方法：

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

visual studio code运行时报错，Cannot find module 'webpack'的相关教程结束。