webpack——命令行打包错误

最新推荐文章于 2024-09-05 14:26:45 发布
最新推荐文章于 2024-09-05 14:26:45 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： 技术研发 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mxw322/article/details/82696364
版权

问题

在webpack4.0版本以上，使用命令行打包出现如下错误：

使用命令行打包错误

如果，直接使用图中方式进行打包，会提示如下警告

这里写图片描述

解决

提示我们需要选择 mode 的版本模式，根据StackOverFlow上的回答，可以使用如下命令解决

这里写图片描述

-o 代表打包输出文件，-mode 选择版本模式，这里选择的是 development 开发环境

varus的互联网探索
关注
专栏目录
webpack且命令行打包时报错
qq_29055201的博客
01-05 265
在使用webpack4命令行工具打包时： webpack hello.js hello.bundle.js 结果报错如下： ERROR in multi ./hello.js hello.bundle.js Module not found: Error: Can’t resolve ‘hello.bundle.js’ in ‘C:\wangliang\study\webpack-demo’ @ ...
webpack 打包失败
zhang6223284的博客
05-07 2039
报错1： The CLI moved into a separate package：webpack-cli Would you like to install webpack-cli ( That will run npm install -D webpack-cli)( yes/No ) 解决方案： 方案一：webpack 已经更新，webpack 4.0 之后 命令行单独分出一个包...
webpack的配置
最新发布
专研技术的大学生
09-05 1582
Webpack的配置详解
安装了webpack和webpack-cli，但是运行webpack命令报错
热门推荐
ken_ding的博客
06-05 1万+
安装的webpack版本是4.9.1，webpack-cli版本号是2.1.4。运行webpack命令提示： One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: webpack-cli (https://github.com/webpack/w...
安装webpack中使用 webpack -v 命令报错...
Darderos的博客
11-08 1785
安装webpack中使用 webpack -v 命令报错…
打包HTML文件基础之webpack配置
weixin_30266829的博客
08-16 378
之前项目用的VUE脚手架创建创建并打包发布的，最近新启动的一个项目，客户对浏览器版本由要求，目前VUE对低版本浏览器支持不是特别好， 所以打算直接用HTML进行研发，涉及了wenbpack直接打包HTML文件，按章webpack时遇到了一些问题，查找了一些资料并记录下来。 一、下载安装node.js(npm) 因为之前安装过固跳过此步骤. 二 、配置环境 1.配置文件夹 ...
vue项目中运用webpack动态配置打包多种环境域名的方法
10-16
这篇文章将详细介绍如何在Vue项目中利用Webpack实现动态配置，以便于打包出适应多种环境域名的版本。 首先，我们要讨论的是为什么要进行环境配置的动态化管理。在开发过程中，我们通常需要区分本地开发环境、测试...
打包工具系列之——webpack 打包原理及优化
qq_28773159的博客
03-22 4155
啊啊啊
webpack4脚手架搭建1——打包并编译es6
逗比界一朵花
03-19 747
使用webpack 执行webpack -h 查看webpack命令行使用说明 安装webpack与webpack-cli 安装webpack cnpm install webpack -g，安装后执行webpack -v会提示安装webpack-cli，这是因为在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。所以用 c...
Webpack系列——EsLint 在 Webpack 中的配置
Smart_J_King的博客
01-14 1142
项目中安装 EsLint ： npm install eslint -S 快速生成 EsLint 的配置文件： npx eslint --init 运行命令后根据相关选项进行设定，成功操作后会在 src 下看到名为 .eslintrc.js的配置文件，在配置文件中可进行相关语法规范规则的编写。 .eslintrc.js module.exports = { "extends": "airbnb", "parser": "babel-eslint" } babel-esli...
webpack的基础打包
nanxing的博客
06-14 146
webpack的基础打包认识webpack和webpack的打包webpack的安装和基本打包webapack局部安装和打包过程webpack的默认入口和配置文件webapck.config.js文件自定义配置文件名字webpack打包依赖关系webpack中css打包的基本打包不使用webpack对less进行转换webpack中less用less-loader的使用处理css时postcss的使用不在webpack内使用在wepack内使用 认识webpack和webpack的打包 webpack是一个
webpack 命令行执行打包报错
qq_36990322的博客
07-02 547
webpack 命令行执行打包报错： webpack not installed Install webpack to start bundling: $ npm install --save-d报错截图原因执行成功的截图![在这里插入图片描述](https://img-blog.csdnimg.cn/20200702213318294.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly
解决Webpack打包报错[webpack-cli] Unable to load ‘@webpack-cli/serve‘ command
qq_53420511的博客
05-04 603
【代码】解决Webpack打包报错[webpack-cli] Unable to load ‘@webpack-cli/serve‘ command。
webpack执行命令失败之解决办法
weixin_34259559的博客
10-09 357
错误信息:ERROR in multi ./runoob1.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'C:Userstestapp' @ multi ./runoob1.js bundle.js main[1] 出现这个错误的原始命令是: webpack run...
webpack打包命令_前端利器躬行记（3）——webpack基础
weixin_39975261的博客
11-25 599
　　webpack是一个静态模块打包器，此处的模块可以是任意文件，包括Sass、TypeScript、模板和图像等。webpack可根据输入文件的依赖关系，打包输出浏览器可识别的JavaScript、CSS和HTML等文件，并且能对图像做优化处理，如图1所示。图1 webpack打包　　目前，webpack的最新版本是4.33，其配置文件（webpack.config.js）的基本结构如下所示，...
webpack打包
黑夜来袭Z
02-11 104
1、首先安装webpack,如果你使用 webpack 4+ 版本，你还需要安装 CLI。 npm install --save-dev webpack@<version> npm install --save-dev webpack-cli 在package.json的scripts属性里面配置快捷指令 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "bu.
webpack指令打包演示
zhang的博客
07-21 1120
运行环境idea 运行结果 a.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;Title&lt;/title&gt; &lt;/head &gt; &lt;body&a
webpack4.x实战指南：解析最新配置与错误处理
然后，尝试通过命令行打包这个文件。在4.x版本中，你可能会遇到这样的提示：“The CLI moved into a separate package: webpack-cli”。这意味着webpack的命令行接口（CLI）已被分离出来，需要单独安装。所以，你...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值