visual studio code运行时报错,Cannot find module 'webpack'

摘要:
前言今天运行是visualstudiocode时,报了一个错误Cannotfindmodule'webpack',网上找了很多方法都没解决。运行下面的命令进行安装webpack//全局安装webpackcnpminstallwepack-save-dev-gOR//安装webpacknpminstallwebpackOR//在项目中安装,最好在项目中安装一下npminstall--save-devwebpack可以使用下列任一命令安装这个新的包vuecli:npminstall-g@vue/cli#ORyarnglobaladd@vue/cli安装之后,你就可以在命令行中访问vue命令。你可以通过简单运行vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。你还可以用这个命令来检查其版本是否正确(3.x):vue--version你也可以尝试使用如下
前言

今天运行是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
                                throwerr;
                                ^
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-spanprojectvue-admin-template-master>npm run dev
> vue-admin-template@3.8.0 dev D:work-spanprojectvue-admin-template-master
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
module.js:549
throwerr;
^
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:UserszzjframeworkAppDataRoaming
pm
ode_moduleswebpack-dev-serverinwebpack-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文件夹

如全局

visual studio code运行时报错,Cannot find module 'webpack'第1张
假如还是不能解决你的问题,请尝试删除项目中的webpack重新安装

visual studio code运行时报错,Cannot find module 'webpack'第2张

安装命令:

npm install

visual studio code运行时报错,Cannot find module 'webpack'第3张

欢迎大家关注公众号,不定时干货,只做有价值的输出

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

免责声明:文章转载自《visual studio code运行时报错,Cannot find module 'webpack'》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇如何发布ActiveX 控件转:CentOS 7使用nmcli配置双网卡聚合LACP下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

node.js报错:Cannot find module 'xxx'的解决办法

从别处拷贝一份node.js项目,如图  控制台启动 nodemon index.js 后报错:Cannot find module xxx。删除node_modules,在启动时仍提示Cannot find module XXX 只不过XXX变成express了 解决办法: cmd进入到项目目录后,执行:npm install --save expres...

macOS 系统下node安装和环境配置(通过node官网)

为了解决node的一些问题, 需要重装 node, 此时: Solved it by uninstalling Node completely and installing it via the website (not via terminal) 通过nodejs网站下载安装包来安装node,而不是通过终端。 1、前往node官网下载 node安装包  ...

webpack2.x基础属性讲解

webpack作为构建工具平时作为前端作为优化、模块编程、和分片打包的重要组成部分,大家可能并不陌生,如果没有时刻的去关注文档,那么大家可能不太清楚webpack已经默默然的升级到2.x了,对比1.x版本,webpack2的文档结构和代码提示都非常友善。 webpack从1.x升到2版,并没有作为大的更改改动,而且内部的接口文档形式也与1基本无修改,那么对...

react 简单搭建

1.新建一个文件夹 2.执行npm init 3.整理新建工程目录结构,包含必要文件index.html 和 index.js 4.安装react 、react-dom 5. 安装webpack(穿件webpack.config.js文件) npm install --save-dev webpack 6.安装Babel编译器(创建babel.confi...

NODEJS文件上传

基于NodeJs的文件上传 kamiSDY 0.7612018.04.02 22:38:00字数 785阅读 19,969 最近,自己玩nodeJs,用上了Express框架,小白。上传文件,查了写资料。发现了有req.files这个接口,然后试了下。 使用req.files Express默认的上传路径为/tmp。如果是windows系统,会有报错。...

Node.js安装,配置npm源(指定仓库和指定源)

1.Node.js下载地址    官网:https://nodejs.org/en/ 2.下载下来,按照下一步自动安装即可(每一步截图如下)        如图,默认添加到环境变量;      finsh完成。 3.校验  win + R 输入cmd    node -v        如图,出现了版本号(根据下载时候的版本确定),说明安装成功。同时...