前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >visual studio code运行时报错,Cannot find module 'webpack'

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

作者头像
Dawnzhang
发布2018-12-24 11:31:08
2.2K0
发布2018-12-24 11:31:08
举报
文章被收录于专栏:Dawnzhang的开发者手册

前言

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

正文

  报错:

代码语言:javascript
复制
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)
代码语言:javascript
复制
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

代码语言:javascript
复制
//全局安装webpack

可以使用下列任一命令安装这个新的包vue cli:

代码语言:javascript
复制
npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确 (3.x):

代码语言:javascript
复制
vue --version

你也可以尝试使用如下指令,初始化一下

代码语言:javascript
复制
npm webpack-cli init

安装完成,假如还在报此错误,

常识用指令来安装模块到node_modules目录。

安装命令:

代码语言:javascript
复制
npm install

假如还有错误。

可以尝试配环境变量

代码语言:javascript
复制
需要配置系统环境变量:计算机->属性->高级系统配置->环境变量

变量名为:NODE_PATH

变量值为:你的npm下的node_modules文件夹

如全局

代码语言:javascript
复制
假如还是不能解决你的问题,请尝试删除项目中的webpack重新安装

安装命令:

代码语言:javascript
复制
npm install
代码语言:javascript
复制
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-12-05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 正文
    •   报错:
      • 解决方法:
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档