webpack配置自动启动服务时报如下错误

最新推荐文章于 2024-05-11 19:11:00 发布
最新推荐文章于 2024-05-11 19:11:00 发布
阅读量978 收藏
点赞数
文章标签： webpack javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65382120/article/details/124759709
版权 
[webpack-cli] Unable to load '@webpack-cli/serve' command
[webpack-cli] TypeError: options.forEach is not a function
    at WebpackCLI.makeCommand (D:\自学\webpack\change-rows-color\node_modules\webpack-cli\lib\webpack-cli.js:173:21)
    at ServeCommand.apply (D:\自学\webpack\change-rows-color\node_modules\@webpack-cli\serve\lib\index.js:42:19)
    at loadCommandByName (D:\自学\webpack\change-rows-color\node_modules\webpack-cli\lib\webpack-cli.js:907:35)
    at async Command.<anonymous> (D:\自学\webpack\change-rows-color\node_modules\webpack-cli\lib\webpack-cli.js:1462:17)
    at async Promise.all (index 0)
    at async WebpackCLI.run (D:\自学\webpack\change-rows-color\node_modules\webpack-cli\lib\webpack-cli.js:1500:9)
    at async runCLI (D:\自学\webpack\change-rows-color\node_modules\webpack-cli\lib\bootstrap.js:11:9)

这个错误是安装了 npm install webpack-dev-server@3.11.2 -D 然后报错

重新安装一下webpack cli就好了

 npm install webpack-cli -D

 

学无止境s
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
webpack配置文件和常用配置项介绍
01-02
1、安装webpack 1.全局安装webpack：npm install webpack -g 或者转化了cnpm则将npm改为cnpm进行安装 2.进行初始化建立package.json文件记录插件，命令行：npm init 3.webpack安装到项目并将写入package.json的devDependencies中， 命令行：npm install webpack --save-dev。 2、webpack配置文件介绍 1.webpack需要配置文件webpack.config.js，手动的创建于项目根目录中就ok。一个项目可以设置多个配置文件，每个都可以有不同的功能。 2.webpa
webpack 报错 [webpack-cli] Unable to load ‘@webpack-cli/serve‘ command
苦哈哈的博客园
12-25 2914
为开发调试方便安装 webpack-dev-server. webpack-dev-server 可以让 webpack 监听项目源代码的变化，从而进行自动打包构建。 安装 webpack-dev-server npm install webpack[email protected] -D 安装完成后，执行 npm run dev 报错了！ [webpack-cli] Unable to load '@webpack-cli/serve' command [webpack-cli..
编译less Syntax error: Unknown word 报错问题
北海一刀
08-13 2498
解决办法 修改webpack配置文件，在modulerules里面配置上less { test: lessRegex, exclude: lessModuleRegex, use: getStyleLoaders({ importLoaders: 2, ...
ES6中 Promise()对象,Promise.all()方法,Promise.race() 方法,async 函数
你还有我
03-15 1082
resolve()中的参数就是执行成功的结果，通过then() 进行接受， then() 参数是一个函数，函数的参数就是 resolve传递传递出来的数据。状态 改变： fun1(), fun2(), fun3() 三个实例对象 谁的状态先改变（不管成功还是失败），则p的状态都会随之跟随改变 如果fun1(), fun2(), fun3() 三个实例对象。接受的参数是一个数组， 数组中的每个值是promise 实例对象， all()的状态是由参数的状态的决定；如何判断10个请求都执行完成结束了呢？
async/await和promise.all(）
从入门到放弃_nys的博客
04-28 4439
async/await 与 promise.all(）一、异步操作解决方法1. 回调函数callback2. Promise解决回调地狱二、async/await 和 promise.all()1.async/await2. promise.all() 一、异步操作解决方法 先来回顾下异步操作： // 需求：要封装一个方法，提供一个要读取文件的路径，要求这个方法能读取文件，并把内容返回给我 const fs = require('fs') const path = require('path') //
解决Webpack报错Unable to load ‘@webpack-cli/serve‘ command
m0_54088431的博客
04-05 8569
在安装webpack自动进行项目打包和构建（webpack-dev-server）， npm i webpack[email protected] -D 时，出现报错，报错显示内容如下 [webpack-cli] Unable to load '@webpack-cli/serve' command [webpack-cli] TypeError: options.forEach is not a function 解决步骤： 1.无法加载“@webpack cli/service”命令,
nuxt npm run build 打包报错
weixin_43550660的博客
12-14 5270
nuxt npm run build 打包报错 报错信息如下 然后在报错信息上面去寻找报错源 ERROR in ./node_modules/bootstrap-vue/dist/bootstrap-vue.css Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader....
TypeError:...forEach is not a function
qq_57057576的博客
08-13 4860
原因，当前数据不是个数组，只有数组才能使用array.forEach()方法。则，需要分析数据，寻找真正需要遍历的数据。不存在forEach这个方法。
解决 Unable to load ‘@webpack-cli/serve‘ command
qq_36454089的博客
07-10 676
Unable to load '@webpack-cli/serve' command
async/await实现Promise.all()
编码世界
11-29 4143
Promise.all() 方法接收一个 promise 的 iterable 类型（注：Array，Map，Set 都属于 ES6 的 iterable 类型）的输入，并且只返回一个Promise实例，并且输入的所有 promise 的 resolve 回调的结果是一个数组。Promise的 resolve 回调执行是在所有输入的 promise 的 resolve 回调都结束，或者输入的 iterable 里没有 promise 了的时候。
Webpack配置.docx
05-15
Webpack打包配置，帮助前端程序实现模块的依赖打包，压缩代码，优化代码；主要运用于前端框架，比如vue，react等。
webpack配置文件.zip
04-15
自动构建vue脚手架的webpack配置文件，包括三个文件package.json、package-lock.json、webpack.config.js，使用说明在文件里面的webpack.config.js里面，
vue-cli webpack配置文件分析
12-09
相信vue使用者对vue-cli都不会陌生，甚至可以说，很熟悉了，但对其webpack的配置可能知之甚少吧。 过完年回来后，我接手了公司的新项目。新项目是一个spa。很自然，我就想到了vue-cli脚手架了，当时研究一下它的...
ES6 Promise 、Promise.all()的用法、async await用法
p_plum的博客
04-01 696
ES6 Promise 、Promise.all()的用法、async await用法
如何使用 async/await 实现 Promise.all 的效果
clearDashen的博客
12-06 1099
const all = (list) => { const res = new Promise((resolve, reject) => { let length = list && list.length let count = 0 let result = [] if(!list || list.length === 0) { resolve(result) } .
webpack打包常见问题（webpack-dev-server）
无简介！！
08-30 2188
webpack使用 容易遇到的问题！
Unable to load ‘@webpack-cli/serve‘ command问题解决
kking_edc的博客
03-09 2139
报错如下： 报错原因是： TypeError: options.forEach is not a function 解决方案： 删除项目文件中的node_modules文件夹，删除package-lock.json文件，将package.json中的webpack-cli版本更改为： "webpack-cli": "4.9.0", 然后重新运行npm install命令，问题解决。 ...
promise和async用法及区别（详解）
蜗牛~~
01-09 6765
带你学会promise和async
Vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值
最新发布
良月柒
05-11 28
配置项来访问 webpack 的配置，然后找到 HtmlWebpackPlugin 的插件实例，并修改它的。是 HtmlWebpackPlugin 的一个选项，用于设置生成的 HTML 文件的标题。在 Vue CLI 4.x 中，在这个示例中，我们使用。选项为你想要的新标题。文件来修改这个选项。将修改后的配置返回。
webpack的配置文件能自动配置吗
06-10
Webpack的配置文件可以自动配置，这个特性是通过Webpack的CLI（命令行界面）提供的。Webpack CLI提供了`init`命令，可以通过交互式命令行来生成一个基本的Webpack配置文件。 使用`init`命令的具体步骤如下： 1. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学无止境s

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值