webpack serve 配置问题TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘

最新推荐文章于 2024-07-07 11:41:19 发布
原创 最新推荐文章于 2024-07-07 11:41:19 发布 · 1.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack #前端 #javascript

本文解决了一个关于ServeCommand构造函数调用时出现的TypeError问题。原因是使用的webpack-cli版本过旧，通过更新webpack-cli到最新版本即可解决此问题。

问题描述：
TypeError: Class constructor ServeCommand cannot be invoked without
‘new’
at run (D:\Vue\Vue3\Code\code\node_modules\webpack-cli\lib\utils\resolve-command.js:33:12)
at Command. (D:\Vue\Vue3\Code\code\node_modules\webpack-cli\lib\utils\arg-parser.js:34:58)
at Command.listener [as _actionHandler] (D:\Vue\Vue3\Code\code\node_modules\webpack-cli\node_modules\commander\index.js:426:31)

在这里插入图片描述
原因：版本太旧
运行 npm i webpack-cli
不指定版本号，默认安装最新版本 即可解决

webpack自动打包webpack serve 配置后出现的bug
WE8395的博客
08-27 293
【代码】【无标题】
ES6 class 类
m0_62434937的博客
12-29 221
js class 类的简单使用及介绍
webpack使用webpack-dev-server插件时遇到的问题
weixin_42241989的博客
12-16 2763
问题描述： 项目中通过命令npm i webpack@5.5.1 webpack-cli@4.2.0 -D安装了webpack与webpack-cli,之后又使用命令npm i webpack-dev-server -D安装了插件webpack-sev-server，并进行了相关配置。之后运行命令npm run dev运行项目报错。 报错信息： UnhandledPromiseRejectionWarning: TypeError: Class constructor ServeCommand cannot
TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘
qq_41425646的博客
03-20 1645
webpack打包
Class constructor ServeCommand cannot be invoked without ‘new‘
zulvyinggaitong的博客
01-02 5620
webpack serve [webpack-cli] Promise rejection: TypeError: Class constructor ServeCommand cannot be invoked without 'new' [webpack-cli] TypeError: Class constructor ServeCommand cannot be invoked without 'new' at run (F:\LearnCode\Front-end\MicroFront.
Module build failed: TypeError: Class constructor Visitor cannot be invoked without 'new'
09-26
对于 “Module build failed: TypeError: Class constructor Visitor cannot be invoked without 'new'” 错误，通常是由于类构造函数调用时缺少 `new` 关键字，这可能是由依赖版本不兼容、配置问题等导致的。...
STLLoader error: TypeError: Class constructor rt cannot be invoked without 'new'
07-09
我们正在处理一个关于STLLoader的错误，错误信息是"TypeError: Class constructor rt cannot be invoked without 'new'" 这个错误通常发生在尝试调用一个类（class）构造函数时没有使用`new`关键字。在JavaScript中...
在使用fullcalendar的时候 我在我的本地可以正确的展示出来 别人用git拉完我的代码后 他的展示不出来并且报错 报错信息为Uncaught(inpromise)TypeError:Class constructor DayTableView cannot be invoked without 'new'
07-24
我们正在解决FullCalendar在他人环境中运行时报错：`Uncaught (in promise) TypeError: Class constructor DayTableView cannot be invoked without 'new'`的问题。 根据引用[1]和引用[4]的上下文，我们得知...
我在浏览器中直接用file协议访问打包后的vue的主入口文件，报了以下错误，这是为什么？怎么修改？ Uncaught TypeError: Class constructor i cannot be invoked without 'new' at new n (app.80fb9b87.js:1:6830457) at app.80fb9b87.js:1:5234036 at app.80fb9b87.js:1:5234067 at u.run (t-v.da567ad1.js:1:1174) at 9698.90e87e51.js:1:1841196 at runWithContext (t-v.da567ad1.js:1:43122) at 9698.90e87e51.js:1:1841187 at u.run (t-v.da567ad1.js:1:1174) at v (9698.90e87e51.js:1:1841159) at c (9698.90e87e51.js:1:1843088)Understand this error
10-22
我们正在处理一个在浏览器中通过file协议访问打包后的Vue入口文件时出现的错误：`Uncaught TypeError: Class constructor i cannot be invoked without 'new'`。同时，我们注意到用户之前的问题是关于资源路径错误...
我的vue3打包出来之后，直接使用file协议访问index.html，出现了这样一个错误，这是否对应打包前这一段代码，这里为什么有错呢？我在开发过程中没有遇到过这个问题，并且我想知道直接在浏览器中访问本地打包出来的入口文件，是否可以正常渲染？ Uncaught TypeError: Class constructor BaseClass cannot be invoked without 'new' at new PreviewPort (app.9fd4879a.js:1:7053088) at app.9fd4879a.js:1:5405567 at app.9fd4879a.js:1:5405598 var h = function(e) { function PreviewPort(n) { var f = e.call(this) || this; f.DESTROY_LIMIT_DURATION = 3e4, a.set(f, void 0), o.set(f, void 0), r.set(f, (function() { var e; null === (e = f.player) || void 0 === e || e.destroy(), (0, u.__classPrivateFieldGet)(f, i, "f").call(f) } )), export class PreviewPort extends BaseClass<PreviewPortEvent> { index: number player: PreviewPlayer | undefined playState: UnwrapNestedRefs<PortState> // deviceInfo?: PortDeviceInfo // order: number destroyTimer: ReturnType<typeof setTimeout> | null DESTROY_LIMIT_DURATION = 30 * 1000 #startRecord: () => void #stopRecord: () => void
最新发布
10-23
我们首先分析问题：在Vue3项目打包后，使用file协议直接访问index.html时出现错误：`Uncaught TypeError: Class constructor BaseClass cannot be invoked without 'new'`。错误发生在`PreviewPort`类的构造函数中。...
记一次解决过程：TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘
lei_xu的专栏
07-07 1511
npm install后，npm run dev, 报TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘， 这一看就是webpack-cli相关的版本冲突造成的， 通过baidu,google,stackoverflow查到也是保持webpack-dev-server版本为"~3“之类的， 也解决不了我的问题，试了npm的版本12,14,16都没用， 已经一个星期了，看来只能我自己解决了。
npm run dev报错 Class constructor ServeCommand cannot be invoked without new
weixin_53894837的博客
09-24 1420
解决npm run dev报错 Class constructor ServeCommand cannot be invoked without new
webpack-cli报错: Class constructor ServeCommand cannot be invoked without ‘new‘....
人生不易，搬砖艰难
06-18 5060
重新安装webpack-cli就好了
Vue 中 Class constructor cannot be invoked without 'new'" 解决方法
热门推荐
april_4的博客
04-19 5万+
这种一般是父类和new 这个子类的地方不在一起，比如我这次的父类在node_module里，当然也不可能挪到一起啊，然后就在 webpack里面把node_module的路径加上了 webpack.base.conf.js，见最后一行 { test: /\.js$/, loader: 'babel-loader', include: [ re...
解决关于:TypeError: Class constructor Model cannot be invoked without 'new'
weixin_34266504的博客
11-08 1万+
问题描述：在工作过程中出现 TypeError: Class constructor Model cannot be invoked without 'new' 这个错误 以下是报错代码： class Users extends father{ constructor(data){ super(data); } ···· } 版本信息 npm 5.0.3 node ...
下载webpack插件：webpack-dev-server 报错 ：TypeError: Class constructor ServeCommand cannot be invoked wit
m0_66778036的博客
04-11 301
命令行里运行： npm i webpack-cli -D [回车】
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值