出现场景:
配置完成webpack-dev-server之后,开始兴高采烈使用npx web-dev-server运行的时候,出现了以下的错误:

E:\前端\nodejs\实践\js\webpack_01>npx webpack-dev-server
internal/modules/cjs/loader.js:883throw err;^Error: Cannot find module 'webpack'
Require stack:
- E:\前端\nodejs\实践\js\node_modules\webpack-dev-server\bin\webpack-dev-server.jsat Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)at Function.Module._load (internal/modules/cjs/loader.js:725:27)at Module.require (internal/modules/cjs/loader.js:952:19)at require (internal/modules/cjs/helpers.js:88:18)at Object.<anonymous> (E:\前端\nodejs\实践\js\node_modules\webpack-dev-server\bin\webpack-dev-server.js:12:17)at Module._compile (internal/modules/cjs/loader.js:1063:30)at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)at Module.load (internal/modules/cjs/loader.js:928:32)at Function.Module._load (internal/modules/cjs/loader.js:769:14)at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {code: 'MODULE_NOT_FOUND',requireStack: ['E:\\前端\\nodejs\\实践\\js\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js']
}

主要问题:Error: Cannot find module 'webpack',找不到webpack??,然后在网上去找了一波资料,大家的问题都是Error: Cannot find module 'webpack-cli/bin/config-yargs',我以为是版本更新之后错误提醒信息也改了,然后按照网上资料一通修正,结果依然是找不到webpack,懵圈…
万幸,看到了一篇文章:webpack和webpack-dev-server安装配置(遇到各种问题的解决方法),虽然问题描述和我出现的不一样,但是抱着试一试的态度,结果还真的成功了,具体解决步骤如下:

  1. 如果是全局安装的webpack和webpack-cli,需要在当前项目中本地安装一次
npm i -s webpack webpack-cli
  1. 此时再运行npx webpack-dev-server,则会出现网上经常出现的问题:Error: Cannot find module 'webpack-cli/bin/config-yargs',解决的方式,网上也是比比皆是,降低webpack-cli版本,或者使用npx webpack serve运行等,我为了图方便就采取使用npx webpack serve来进行运行。

Error: Cannot find module ‘webpack‘相关推荐

  1. Webpack打包出错:Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ Require stack:

    Webpack打包出错:Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' Require stack: 报错如下: 解决办 ...

  2. uniapp项目启动报错Error: Cannot find module ‘webpack/lib/RuleSet

    这两天在看uniapp的项目,创建uniapp项目有两种方式,第一通过Hbuilder直接新建项目,第二是通过cli命令创建,两种方式创建的uniapp的项目目录是不一样的. 第一Hbuilder创建 ...

  3. Failed to load ‘D:\webpack.config.js‘ config Error: Cannot find module ‘webpack//libRequestShortener

    webpack打包报以下错误 在webpack.config.js中使用了plugins 然后使用webpack打包报以下错误 解决方案 更换package.json的name(任意取) 然后将本地的 ...

  4. VUE项目报错Error Cannot find module ‘webpacklibRuleSet‘_解决

    1.报错 Error: Cannot find module 'webpack/lib/RuleSet' 在第一个问题的时候还试过把node_modules文件夹和package-lock.json文 ...

  5. Cannot find module ‘webpack‘ Require stack

    一.Class extends value undefined is not a constructor or null Building for production... ERROR TypeEr ...

  6. vue项目Error: Cannot find module ‘xxx’类报错的解决方法

    现发现只要是报错 Error: Cannot find module 'xxx'(例如 Error: Cannot find module 'webpack')这类的问题都可以用下面的方法解决. 报错 ...

  7. webpack.config.js配置遇到Error: Cannot find module '@babel/core'问题

    一. 问题描述 在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误 最初以为是babel-core没有安装上 ...

  8. [乐意黎原创] WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js'

    如题:WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js' A. Webpack 命令时抛错 B.运行时Chrome 控制 ...

  9. Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

    今天在使用 webpack 创建项目,启动 webpack-dev-server 时,报了错: 这个是 package.json 中创建的 scripts :"scripts": ...

  10. 安装Uikit时ERROR in Entry module not found: Error: Can't resolve './src' in 'xxx'的解决思路

    yarn安装Uikit时遇到了ERROR in Entry module not found: Error: Can't resolve './src' in 'xxx'这个问题 反复查看官方文档依然 ...

最新文章

  1. Centos8中恢复根目录为默认权限
  2. 七月新增开源项目:你学习的速度跟得上前端造轮子的速度吗?
  3. PyQt5 笔记(04):主窗口卡死问题
  4. 关于mpi的理论知识以及编写程序来实现数据积分中的梯形积分法。
  5. shiro+jwt进行认证和授权的解决方案代码实例
  6. android如何导入活动,关于android:如何将活动值传递给另一个活动(Kotlin)
  7. 刚开始学ASP+ACCESS时,该注意的事项
  8. DPM 检测源码分析
  9. shell入门(二)——面试题实例
  10. FX Composer 2 中文版快速教程
  11. java attributes用法_C#中的Attributes的用法
  12. 基于光流模型的图像运动分析
  13. oracle中使用java存贮过程
  14. 机器视觉入门知识总结
  15. 联想台式主机拆机教程_联想r400拆机教程 拆解电脑没那么难
  16. 如何选择适合你的兴趣爱好(二十四),京剧
  17. python用input输入整数列表_python中,用input()输入一个整数
  18. 汉字五行归属python实现
  19. 统计学之算术平均数、调和平均数、几何平均数、位置平均数详解
  20. 免费的API-手机号码归属地接口

热门文章

  1. 台式计算机主板接口识别,硬件丨当前台式机主板接口知识普及与主板结构全讲解...
  2. vue.js自定义软键盘“删除键”问题
  3. 英雄联盟掉线后显示无法连接服务器,英雄联盟掉线连不上出现英文窗口解决方案...
  4. 什么方法可以显著提高程序员工作效率
  5. 关联规则挖掘与Apriori算法
  6. phpmyadmin scriptssetup.php 反序列化漏洞(WooYun-2016-199433)
  7. deepfacelab安卓版_DeepFaceLab2.0中文版
  8. 从996的大讨论看劳资博弈的历史
  9. 运算放大器的偏置电流
  10. 电流检测时运放的偏置电流对精度的影响