[坑004]webpack4.x安装问题

最新推荐文章于 2024-08-08 22:20:54 发布
最新推荐文章于 2024-08-08 22:20:54 发布
阅读量967 收藏
点赞数
分类专栏： 踩坑记 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/strongbill/article/details/82939451
版权

0x00错误描述

The CLI moved into a separate package: webapck-cli
webpack-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

mr3x
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack
ILove_bugs的博客
11-25 403
WebPack4.X配置指南 一、简介 （一）WebPack简介 Webpack是一个前端自动化打包工具，根据它的名字也很好理解，web-pack顾名思义就是前端打包工具，它是基于Node和NPM的，所以在安装使用webpack之前，需要安装nodejs，nodejs的版本过低也不行，所以推荐安装nodejs版本为v8.11.2以上，npm版本为v5.6.0以上。 二、项目建立 （一）项目建立 第一步：新建一个文件夹，命名为mywebpack; 第二步：在cmd命令框中使用cd命令切...
webpack 4.X 安装及使用
白咲花的博客
06-08 520
WebPack4.X 使用指南 一、简介： webpack是一个前端自动化打包工具，根据它的名字也很好理解，web-pack顾名思义就是前端打包工具；它的使用是基于Node和NPM的，所以在安装使用webpack之前，需要安装nodejs，nodejs的版本过低也不行，所以推荐安装nodejs版本为v8.11.2以上,npm版本为v5.6.0以上； 如何查看node和npm版本？ 答：安装完毕nodejs之后，在命令行输入node -v和npm -v查看。 二、项目建立： 第一步：新建一个文件夹，命名为
由浅入深配置webpack4
油墨香^-^的博客
03-30 627
webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。webpack需要掌握的核心概念👇Entry:webpack开始构建的入口模块Output: 如何命名输出文件，以及输出目录，比如常见的dist目录。Loaders:作用在于解析文件，将无法处理的非js文件，处理成webpack能够处理的模块。Plugins。
webpack4 快速上手
Mr_Roki的博客
05-23 214
`module bundler`, `JavaScript `的模块打包器，大概意思就是，能够将一堆关系错综复杂的` .js, .css, .sass` 等文件，打包成几个静态的文件，在 `html `里面直接插入实用，`webpack`中包含了`gulp`自动打包工具、包含了`babel`转`es5`压缩等... 另外，`Webpack4`正式发布以后。只要使用`npm install webpack`命令，默认安装的就是版本4。`webpack3`和`webpack4`的搭建区别还是挺
wepack4配置入门
letianxf的博客
03-01 674
webpack4生产环境，开发环境配置入门
webpack@4.x（学习笔记01）
qq_40557812的博客
07-14 446
资料：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 遇到的错误
Amor
05-05 793
由于之前重装电脑，很多之前的小Demo 现在都跑不起来。特别是webpack一直在报错。 webpack 基本安装 安装node 全局安装webpack，webpack-cli 项目初始化 webpack init （一路回车） 创建文件index.html main.js 终端输出 webpack main.js bundle.js (试试看能不能进行打包) 报错 ERROR in ...
webpack 1.x升级过程中的踩坑总结大全
08-29
webpack1已结不再维护了，官方在主推webpack2，最近在升级webpack过程中遇到了不少的问题，所以下面这篇文章主要给大家总结了一些在webpack 1.x升级过程中的遇到的坑，以及详细的解决方法，需要的朋友可以参考借鉴，...
babel7.x和webpack4.x配置vue项目的方法步骤
11-28
很偶然的今天想开个自己的小项目，...1.webpack 4.x 插件 extract-text-webpack-plugin (node:2628) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead i ｢wds｣: Project is ru
详解webpack4多入口、多页面项目构建案例
12-03
趁工作之余从零构建了一个webpack4.x多页面应用程序。过程中也遇到一些坑，就记录下来了。 webpack核心概念 Entry：入口，Webpack 执行构建的第一步将从 Entry 开始。 Module：模块，在 Webpack 里一切皆模块，一...
webpack-url-loader 解决项目中图片打包路径问题
01-19
刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里。 下面我们就来分析下在webpack项目中图片的应用场景。 1.CSS文件中的背景图等设置 ...
Vue 3.x+axios跨域方案的踩坑指南
01-19
不过本篇文章，讲的并不是如何解决这样的跨域问题，而是我在找如何解决这个问题的路上遇到的坑。 其实，在前端工程化大行其道的现在，前后端已经分离开来，前端为了提高工作流效率往往自己开一个小型的服务器，就...
webpack多版本不兼容报错
热门推荐
bugme557的博客
11-01 2万+
这里写自定义目录标题欢迎使用Markdown编辑器 欢迎使用Markdown编辑器 根据Gitee钉钉源码 安装钉钉过程中出现多版本webpack兼容报错。 使用npm ls 时npm的树没有报错提示 随后使用npm run build打包源码出现webpack报错， 然后npm audit fix提示信息如下 su@ly050:~/Downloads/dingtalk$ npm audit fix npm ERR! code ERESOLVE npm ERR! ERESOLVE could not res
webpack4.x版本与webpack-cli高版本之间存在的bug
weixin_53011724的博客
11-28 5584
今天在执行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 //@后
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found:
weixin_47181907的博客
05-06 3987
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
2021-06-30 vue 安装webpack包时遇到npm ERR的解决办法
m0_54853420的博客
03-11 2278
目录 尚硅谷的webpack的建议安装包 提示npm ERR!报错 尚硅谷的webpack的建议安装包 npm install -D webpack@4.41.5 webpack-cli@3.3.10 webpack-dev-server@3.10.2 npm install -D html-webpack-plugin clean-webpack-plugin ts-loader cross-env 提示npm ERR!报错 PS F:前端2021-vue尚硅谷 ypescriptw
webpack（4版本）使用
qq_60976312的博客
02-15 1678
webpack（4版本）使用
CentOS7.6 Web项目搭建与测试
kiku
12-23 1343
CentOS7.6 Web项目搭建与测试 CentOS7.6安装Nodejs(Npm) 第一步：软件下载安装 进行安装目录：cd /opt/software (如果目录不存在，请先创建目录) 下载二进制包： wget https://nodejs.org/dist/v10.15.1/node-v10.15.1-linux-x64.tar.xz (下载地址去官网查询最新的，wget命令如果不存在...
vue.config.js 配置
最新发布
a123456234的博客
08-08 1055
vue.config.js 文件是 Vue CLI 项目中的全局配置文件，它允许你以 JavaScript 的形式来配置构建选项，而不是通过命令行参数或者 .vue-clirc 的 JSON 格式。
webpack2.x升级到webpack5.x
05-18
4. 处理模块依赖：webpack5.x默认使用“module type”为ES modules，如果你使用的是CommonJS模块，请更新配置文件中的“output.library.type”为“commonjs2”。 5. 替换内置插件：webpack5.x已经将一些内置插件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值