[坑004]webpack4.x安装问题

最新推荐文章于 2026-06-20 16:48:08 发布

原创最新推荐文章于 2026-06-20 16:48:08 发布 · 1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#webpack

收录于

踩坑记专栏收录该内容

3 篇文章

订阅专栏

本文解决了一个常见问题：Webpack 4.x将CLI组件独立为webpack-cli包，需额外安装。介绍了产生此问题的原因及如何通过npm install -D webpack-cli解决。提醒读者在跟随教程时注意版本匹配。

0x00错误描述

The CLI moved into a separate package: webapck-cli

0x01产生原因

这个是webpack4.x版本把原本的CLI给分离出去了，变成了webpack-cli，所以需要安装多一个webpack-cli

0x02解决方法

npm install -D webpack-cli

0x03总结

发现最近遇到的问题大多是版本号的问题，所以下次在看教程或是文档的时候，要安装指定的版本。不要npm install Module Name，要记得使用@符号来指定对应的版本,如

npm install webpack@4.7.0

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

mr3x

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

webpack@4.x（学习笔记01）

qq_40557812的博客

07-14

548

资料：webpack 一、安装 1、全局安装 npm install --global webpack 2、局部安装（案例使用中）创建个新的文件夹命名webpack01,在命令窗口打开初始化文件夹 npm init -y //或者 npm init //前者需要手动确认package.json中的各种描述，关于package.json这里不深描述了 //成功后文件夹下有一个package.json文件局部安装webpack webpack4.x版本需要另外安装webpack-cli np

参与评论您还未登录，请先登录后发表或查看评论

WebPack 4.x 配置

GuoFei的博客

08-02

1190

@babel/preset-env 拥有根据 useBuiltIns 参数的多种polyfill实现。 - 优点：是覆盖面比较全（entry）。 - 缺点：会污染全局。

手动配置webpack4.x配置打包vue项目脚手架

eazdp

08-17

918

因为webpack4.x配置文件已经默认放到了node_modules里面，所以便动手基于wepack4.x手动配置了一个vue的脚手架，功能跟vue-cli类似，最主要的区别是将打包文件如：js、html、css放到了根目录，基本上是有了一个脚手架的雏形，更多细节还在优化中，接下来看看具体的配置吧。首先在根目录创建了一个build文件，里面有三个文件：webpack.base.conf.js webpack.dev.conf.js webpack.prod.conf.js 接下来看一下三个文..

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found:

weixin_47181907的博客

05-06

4177

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: webpack@5.36.2 npm ERR! node_modules/webpack npm ERR! peer webpack@"^4.0.0 || ^5.0.0" from webpack-dev-middleware@3.7.3 npm ERR! node_modules/webpack-de

webpack4.x版本与webpack-cli高版本之间存在的bug

weixin_53011724的博客

11-28

5718

今天在执行webpack-dev-server命令时，一直报Error: Cannot find module ‘webpack-cli/bin/config-yargs’ 在执行npm run dev命令时报：通过查看学习，尝试了很多方法，最后通过对webpack-cli进行降级处理，成功解决问题。步骤：一： npm uninstall webpack-cli //这是进行局部删除webpack-cli脚手架二; npm install webpack-cli@3.3.11 //@后

从零开始的webpack生活-0x004：js压缩混淆

weixin_34417814的博客

11-06

538

0x001 概述上一章讲了关于生成模板html的，并且最后将html压缩，这一章讲的是js压缩混淆 0x002 配置环境初始化项目 $ npm init -y $ mkdir src $ mkdir src/index.js 新建webpack.config.js var path = require('path'...

004-云E办项目搭建环境

weixin_43989347的博客

01-04

3294

004-云E办项目介绍一、项目介绍二、搭建环境1、环境准备1.配置默认安装目录和缓存日志目录2.安装 Node.js 淘宝镜像加速器（cnpm ）3、安装vue及脚手架1.安装vue.js2.安装webpack模板3.安装脚手架vue-cli 2.x4.安装路由4、可以看到我的安装目录如下:三、创建项目1、创建项目2、启动项目:四、项目结构1、vue-cli目录2、Public目录3、src目录一、项目介绍本项目目的是实现中小型企业的在线办公系统，云E办在线办公系统的是一个用来管理日常的办公事务

从零开始的webpack生活-0x001：webpack初次相逢

weixin_34062329的博客

11-05

134

0x001 概述其实我不知道怎么写，所以决定就一块一块的写点平常配置的过程，根据不同东西稍微分区一下就好了 0x002 初始化项目结构 $ mkdir webpack_study $ cd webpack_study $ mkdir 0x001-begin $ cd 0x001-begin 0x003 安装webpack，并检查环境 $...

从零开始的webpack生活-0x011：StylingLoader装载样式

weixin_34025151的博客

11-09

0x001 概述上一章讲的是装载模板，这一章讲的是装载样式 0x002 配置环境 $ mkdir 0x011-styling-loader $ cd 0x011-styling-loader $ npm init -y $ npm install --save-dev webpack $ touch ./src/index.js $ v...

从零开始的webpack生活-0x016：OtherPlugin其他常用

weixin_33739541的博客

11-13

0x001 概述上一章讲的是分离样式，这一章讲的是剩下的一些我常用的插件,和上一章是没有任何关系。 0x002 环境搭建 $ mkdir 0x0016-other-plugin $ cd 0x0016-other-plugin $ npm init -y $ vim webpack.config.js // ./webpack.con...

从零开始的webpack生活-0x009：FilesLoader装载文件

weixin_34122548的博客

11-09

111

0x001 概述上一章讲的是DLL加速编译，这一章开始讲loader相关的部分，但是关于plugin的部分善未完结，因为即将要讲的ExtractTextWebpackPlugin用到了一些loader，所以觉得先讲一下loder比较好。 0x002 loader介绍我比较喜欢装载器这个翻译，loder说白了就是对各种文件的转化而已，比...

从零开始的webpack生活-0x017：CustomPlugin自定义插件

weixin_34037977的博客

11-13

521

0x001 概述上一章讲的是其他一些常用的小插件，这一章讲的是自定义插件。 0x002 环境配置 $ mkdir 0x0016-other-plugin $ cd 0x0016-other-plugin $ npm init -y $ vim webpack.config.js // ./webpack.config.js const...

如何解决webpack执行时的内存溢出问题

07-18

2011

错误日志 recording <--- Last few GCs ---> [45725:0x102884000] 269552 ms: Mark-sweep 1799.6 (1996.8) -> 1799.4 (1979.3) MB, 2002.7 / 0.0 ms (average mu = 0.136, current mu = 0.000) last resort GC in old space requested [45725:0x102884000] 2716

Ubuntu 16.04 部署 GitLab 12.6.4 原生安装实战指南

最新发布

weixin_30443731的博客

06-20

387

GitLab 是一套深度集成的 DevOps 协作平台，其核心依赖 PostgreSQL、Ruby 运行时与系统级服务编排机制。在老旧但广泛存在的 Ubuntu 16.04 环境中，官方 Omnibus 包因 systemd 版本断层、Ruby 语法兼容性及 PostgreSQL 9.5 缺失 JSONB 支持而频繁失败，导致 'http 502'、'login failed'、'保护分支不起作用' 等高频故障。本文聚焦原生部署路径，详解如何绕过包管理陷阱，手动构建兼容栈：基于系统 Ruby 2.3.1、编

Vue项目里用Cesium加载倾斜摄影模型，从OSGB到3DTiles的完整避坑指南

weixin_33693070的博客

05-16

195

本文详细介绍了在Vue项目中使用Cesium加载倾斜摄影模型的完整流程，从OSGB到3DTiles的转换技巧及常见问题解决方案。涵盖数据预处理、格式转换、Vue-Cesium集成、性能优化等关键环节，帮助开发者高效实现三维地理数据的Web端可视化。

DeepSeek V4-Pro工程可用性实测：十万行前端项目压力测试

weixin_30855761的博客

06-18

393

AI编程助手正从概念走向生产核心，其价值不在于理论得分，而在于能否在真实复杂系统中稳定交付。国产大模型DeepSeek V4-Pro通过SWE-Bench Pro、Terminal Bench 2.0和Vibe Code Bench等新一代基准验证，展现出对TypeScript类型系统、多阶段构建流程、CRDT协同逻辑等工程细节的深度理解。它不依赖数据污染或理想化测试用例，而是基于上下文压缩、最小侵入式修改和契约驱动式代码生成，在Canvas渲染、WebSocket竞态修复、Puppeteer PDF重构等

JS stacktrace--解决运行npm run serve 后报错，node内存溢出问题

amy1019的博客

09-17

7019

拉去vue项目，运行npm run serve 后，报错如下 <--- JS stacktrace ---> ==== JS stack trace ========================================= 0: ExitFrame [pc: 0000002919A5C5C1] Security context: 0x02b9c119e6e9 <JSObject> 1: _send [0000016FEC87BBF1] [intern

Vue3笔记——（一）

sinat_29304113的博客

01-21

492

对于let name = ref(‘张三’)来说，name 不是响应式的，name.value是响应式的。返回值：一个RefImpl的实例对象，简称ref对象或ref,ref对象的value属性是响应式的。2.核心内容：ref、reactive、computed、watch、生命周期…3.常用内容：hooks、自定义ref、路由、pinia、mitt…2.若需要一个响应式对象，层级不深，ref、reactive都可以。3.若需要一个响应式对象，且层级较深，推荐使用reactive。

Gatsby v2 入门实战：从 CLI 初始化到可部署博客

cqwmy840702的博客

06-20

382

静态网站生成器（SSG）是现代前端构建的关键范式，其核心在于将动态内容在构建时固化为静态资产，从而实现极致的性能与可预测性。Gatsby 作为基于 React 和 GraphQL 的代表性 SSG 框架，v2 版本确立了‘构建时确定性优先’的设计哲学，强制数据获取、页面生成和插件执行全部前置到 build 阶段。这种模式显著提升 SEO、首屏加载速度与 PWA 兼容性，适用于技术博客、企业官网、文档站点等以内容交付为主的场景。本文聚焦 Gatsby v2 的工程落地本质——围绕 Gatsby CLI 工具链

JSEncrypt添加NOPadding填充

2301_80864260的博客

11-19

1533

加一个判断，通过打断点发现，这个m比较短，也就是说很可能就是明文的一种编码，反复实验之后先将这个 BigInteger 类型的数据转换成 byte 数组，然后将byte数组转换成utf-8的数据，有点弯弯绕，欢迎大佬指正。这个C是处理hex数据的和解密无关，m我也看了一下直接用就行，真正处理的在 return上，这样也省事了，开始微操。更改传入值，可以发现这之只是改了加密，还没改解密，不着急，先让这个传入两个参数，base形式的就先放一放。因为是在乱码中写的，缩进有点问题，凑活看一下。