Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >Cannot find module 'webpack-cli/bin/config-yargs'

Cannot find module 'webpack-cli/bin/config-yargs'

切图仔

发布于 2022-09-08 10:10:59

发布于 2022-09-08 10:10:59

5350

举报

文章被收录于专栏：生如夏花绚烂生如夏花绚烂

webpack编译遇到问题

Cannot find module 'webpack-cli/bin/config-yargs'

原因

webpack-cli与webpack-dev-server版本不兼容

解决办法

1.降级webpack-cli 卸载当前的 webpack-cli npm uninstall webpack-cli

安装 webpack-cli 3.* 版本 npm install webpack-cli@3 -D

在次运行webpack-dev-server即可

2.最新的webpack-cli已经包含了webpack-dev-server的功能， npm i @webpack-cli/serve 4.因此你可以直接使用命令 webpack serve 运行项目

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-12-22 ，如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

webpack（10）webpack-dev-server搭建本地服务器「建议收藏」

webpack 打包 npm javascript https

当我们使用webpack打包时，发现每次更新了一点代码，都需要重新打包，这样很麻烦，我们希望本地能搭建一个服务器，然后写入新的代码能够自动检测出来，这时候就需要用到webpack-dev-server

全栈程序员站长

2022/09/19

5840

Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的解决方法

webpack cli config error module

Webpack 踩坑笔记: webpack-dev-server 启动命令失败(Error: Cannot find module ‘webpack-cli/bin/config-yargs‘) 果然是版本的问题，引发的血案，之前 "webpack-cli": "^3.3.12", "webpack": "4.16.5", "webpack-bundle-analyzer": "2.13.1", "webpack-cli": "^3.1.0", "webpack-dev-server": "^3.1.5", 认真查询后发现，应该降级webpack-cli的版本，执行：卸载安装，会成功!

张哥编程

2024/12/13

1930

Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的解决方法

webpack5.x 遇到的问题

vue.js webpack javascript 打包网站

异常：Compiling RuleSet failed: Exclamation mark separated loader lists has been removed in favor of the 'use' property with arrays (at clonedRuleSet-2[0].rules[0].loader: style-loader!css-loader!less-loader

White feathe

2021/12/08

6480

webpack5.x 遇到的问题

webpack-dev-server使用报错

参考 https://stackoverflow.com/questions/57724011/how-to-fix-cannot-find-module-webpack-bin-config-yargs

用户6379025

2022/12/26

5060

webpack4之原理分析

webpack 打包 node.js npm javascript

运行命令后 npm让命令行工具进入node_modules/.bin目录查找是否存在webpack.sh或者webpack.cmd文件如果存在，则执行，不存在，抛出错误（node_modules/wepback/bin/wepback.js）

疯狂的技术宅

2020/12/15

7860

显微镜下的webpack4入门

前端的构建打包工具很多，比如grunt，gulp。相信这两者大家应该是耳熟能详的，上手相对简单，而且所需手敲的代码都是比较简单的。然后webpack的出现，让这两者打包工具都有点失宠了。webpack比起前两者打包工具，对于前端程序员JS编程能力的要求还是挺高的。不过需要兼容ie8及以下的小伙伴们，就不要考虑webpack了，他很傲娇地不兼容！

小美娜娜

2019/04/04

6570

显微镜下的webpack4入门

webpack使用来打包前端代码

同时修改index页面中script的src属性为<script src="bundle.js"></script>

Dream城堡

2018/12/10

1.3K0

webpack使用来打包前端代码

走近webpack（1）--多入口及devServer的使用

node.js sass html

　　上一篇文章留下了一些问题，如果你没看过上一篇文章，可以在我的博客里查找，或者直接从这篇文章开始也是没问题的。　 const path = require('path'); module.exports={ entry:{ entry:'./src/entry.js' }, output:{ path:path.resolve(__dirname,'dist'), /*上面的代码中还有path以及__dirname的意思就是指获取到当前项目的绝对路径

zaking

2018/05/02

1.7K0

走近webpack（1）--多入口及devServer的使用

webpack实战——打包第一个应用

webpack javascript 打包 npm node.js

作为前端开发者，我们以前在浏览器中运行 JavaScript ，会引用一些脚本来存放每个功能；此解决方案很难扩展，因为加载太多脚本会导致网络瓶颈；亦或使用一个包含所有项目代码的大型 .js 文件，但是这会导致作用域、文件大小、可读性和可维护性方面的问题。

流眸

2020/07/06

7050

webpack-dev-server 使用教程

webpack server 服务器教程配置

webpack-dev-server是我们在开发nodejs必须要掌握的工具，它可以帮助我们快速搭建开发环境。官网介绍如下

Karl Du

2023/10/20

5170

从零认识webpack4.0，带你走进神秘的webpack

webpack css babel.js 打包 html

前言：作为一个现代javascript 应用程序的静态模块打包器，webpack能将各种资源，如js，css，图片等作为模块来处理，是当下前端工程化的一个很受欢迎的工具，webpack目前最新的版本是4.0，文章将在4.0 的基础上，从使用者的角度，一步步教你认识并搭建一个简单的webpack配置项目，当然webpack的配置和使用较为丰富且复杂。

前端老鸟

2019/07/29

4900

从零认识webpack4.0，带你走进神秘的webpack

手摸手教你用webpack搭建TS开发环境

webpack npm 打包 html typescript

最近在学习typescript，也就是我们常说的TS，它是JS的超集。具体介绍就不多说了，今天主要是带大家用webpack从零搭建一个TS开发环境。直接用传统的tsc xx.ts文件进行编译的话太繁琐，不利于我们开发，经过这次手动配置，我们也能知道vue3内部对TS的webpack进行了怎样的配置，废话不多说进入正题。

玖柒的小窝

2021/10/24

7090

手摸手教你用webpack搭建TS开发环境

Webpack 使用详解

webpack 插件开发配置优化

Webpack 是一个现代 JavaScript 应用程序的静态模块打包器。本文将详细介绍如何使用 Webpack，以及提供代码示例。为了保持篇幅，我们将简要介绍 Webpack 的核心概念和功能。

世间万物皆对象

2024/03/20

1570

Webpack5 实践 - 构建效率倍速提升！

网站缓存 webpack javascript 打包

对于前端构建工具 Webpack、babel、eslint 等的每一次升级，就像刚刚经历一场地震似得，最不想面对的就是处理各种 API 的不兼容性，有时还会出现一些奇奇怪怪的问题，为什么还要升呢？并不是为了给自己找事，还是要讲究投入产出比的，也就是最终的收益是要大于产出比的。

五月君

2021/07/15

3K0

Webpack5 实践 - 构建效率倍速提升！

超详细！webpack入门教程(一)

sass typescript

前端构建工具就是把开发环境的代码转化成运行环境代码。一般来说，开发环境的代码是为了更好的阅读，而运行环境的代码则是为了能够更快地执行。因此开发环境和运行环境的代码形式也不相同。比如，开发环境的代码，要通过混淆压缩后才能放在线上运行，这样代码体积更小，而且对代码执行也不会有任何影响。

前端林子

2018/08/25

22.4K7

超详细！webpack入门教程(一)

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

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

Dawnzhang

2018/12/24

2.3K0

vue运行报错：Cannot find module 'webpack/bin/config-yargs'

从网上下载的一个vue项目，终端执行：npm run dev 时，报错如下图：报错原因从上述报错中可以看到，需要安装webpack-cli 终端输入：npm install webpack-cli

honey缘木鱼

2018/12/14

2.3K0

解决： Cannot find module ‘webpack-cli/bin/config-yargs‘、Error: Cannot find module ‘webpack-cli‘

webpack javascript 打包 npm

npm 、cnpm 、node、vue 全都装上了，就是 webpack 装不上！！

微风-- 轻许--

2022/04/13

3970

解决： Cannot find module ‘webpack-cli/bin/config-yargs‘、Error: Cannot find module ‘webpack-cli‘

webpack5热更新打包TS

模块热替换（HMR - Hot Module Replacement）是 webpack 提供的最有用的功能之一。它允许在运行时替换，添加，删除各种模块，而无需进行完全刷新重新加载整个页面

玖柒的小窝

2021/09/22

2.2K0

webpack5热更新打包TS

webpack json javascript 打包 npm

前端工程化：在企业级的前端项目开发中，把前端开发所需的工具、技术、经验等进行规范化、标准化。

赤蓝紫

2023/01/02

1.7K0

相关推荐

webpack（10）webpack-dev-server搭建本地服务器「建议收藏」

更多 >