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

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

#webpack #前端 #javascript

问题描述：
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
不指定版本号，默认安装最新版本 即可解决

前端vue项目中使用sql-formatter结合codemirror实现sql编辑器中的SQL代码格式化功能、自动匹配大小写功能、高亮功能
Mini_小仙女的博客
03-26 2万+
vue实现codemirror代码编辑器中的SQL代码格式化功能、自动匹配大小写功能、高亮功能 前几天公司项目需要做个类似HUE的sql编辑器，需要实现sql语句的格式化功能、自动匹配大小写、代码高亮等功能。现部门是做大数据的，所以各种数据各种sql各种hive，对于我一个纯前端妹子来讲对什么后台呀什么sql语句呀一点也不感兴趣，更是完全不懂。头大~~ 原本领导说是让我研究HUE源码，提取js，b...
前端面试题记录
m0_50290552的博客
09-24 1265
面试题记录
TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘
qq_41425646的博客
03-20 1539
webpack打包
Class constructor ServeCommand cannot be invoked without ‘new‘
zulvyinggaitong的博客
01-02 5573
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.
记一次解决过程：TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘
lei_xu的专栏
07-07 1272
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都没用， 已经一个星期了，看来只能我自己解决了。
D3 V3 与V4的变化
风达的专栏
10-31 1万+
Changes in D3 4.0 D3 4.0 is modular. Instead of one library, D3 is now many small libraries that are designed to work together. You can pick and choose which parts to use as you see fit. Each lib
npm run dev报错 Class constructor ServeCommand cannot be invoked without new
weixin_53894837的博客
09-24 1374
解决npm run dev报错 Class constructor ServeCommand cannot be invoked without new
webpack-cli报错: Class constructor ServeCommand cannot be invoked without ‘new‘....
人生不易，搬砖艰难
06-18 5031
重新安装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 275
命令行里运行： npm i webpack-cli -D [回车】
解决： Class constructor Entity cannot be invoked without 'new'
weixin_30799995的博客
04-25 5792
用webpack搞前端。 出现Class constructor Entity cannot be invoked without 'new'。 应该是babel转化的时候出问题了。 修改.babelrc文件 改为： { "presets": [ ["env", { "modules": false ,"targets":{"node":"cu...
vue cli 3 vue.config.js webpack打包node_modules npm包内的文件 Class constructor cannot be invoked without
立先的博客
07-03 1471
import classA from ‘packageName’; class classB extends classA { ... } 以上使用方式将会在前端控制台报错： Class constructor cannot be invoked without 'new' 因为webpack 默认打开忽略node_modules路径下的文件，只打包相对路径，业务引用的文件； 解决方法： v...
解决报错“ UnhandledPromiseRejectionWarning: TypeError: Class constructor ServeCommand cannot be invoked”
h_未来可期_的博客
10-29 1259
学习webpack的时候，使用插件webpack-dev-server报错如下 然后百度说需要装最新版本的webpack-cli 然后继续npm run dev 问题完美解决 在我的理解下，这应该是版本兼容性的问题
egg.js中Class constructor BaseContextClass cannot be invoked without ‘new‘解决方法
抗争小青年的博客
08-09 1511
这个的保存翻译过来就是：没有’new’就无法调用类构造函数BaseContextClass。在继承Controller时，后面加了一个括号，把括号去掉便可正常运行。
vue中threejs报错记录：Class constructor Object3D cannot be invoked without ‘new‘
Anlittlecat的博客
01-13 1000
vue中threejs报错记录：Class constructor Object3D cannot be invoked without 'new'
You need to install 'webpack-dev-server' for running 'webpack serve'. TypeError: Cannot read properties of undefined (reading 'getArguments')t
最新发布
04-18
### 可能的原因分析 `TypeError: Cannot read properties of undefined (reading 'getArguments')` 是一种常见的 JavaScript 运行时错误，通常表示某个对象未被正确定义或初始化就尝试访问其属性或方法。这种问题可能由以下原因引起： 1. **插件配置不正确**：如果 `webpack.config.js` 文件中的某些插件未正确加载或初始化，则可能导致此类错误[^1]。 2. **依赖版本冲突**：不同版本的 Webpack 和相关插件之间可能存在兼容性问题，尤其是当升级到新版本时未能同步更新其他依赖项[^3]。 3. **环境变量缺失**：部分插件需要特定的上下文或参数传递才能正常工作；如果没有提供这些必要的输入数据，也可能引发此类型的异常。 针对以上情况可采取如下措施来排查并解决问题： ### 解决方案一：检查 Webpack 配置文件 确认 `webpack.config.js` 中是否存在对不存在的对象调用了 `.getArguments()` 方法的情况。例如，如果你正在使用自定义 loader 或 plugin 并在其内部实现了类似的逻辑，请确保所操作的目标已被适当声明与赋值后再执行相应动作[^1]。 ```javascript // 示例代码片段展示如何安全地处理潜在未定义值 const getArgumentsIfDefined = someObject => { return someObject && typeof someObject.getArguments === 'function' ? someObject.getArguments() : null; }; ``` ### 解决方案二：验证 Node Modules 的一致性 删除现有的 node_modules 文件夹以及 package-lock.json/yarn.lock 文件后重新安装所有依赖包，这有助于消除因局部缓存损坏或者手动修改引起的混乱状态[^2]: ```bash rm -rf node_modules package-lock.json yarn.lock npm install --legacy-peer-deps # 如果存在 peerDependency 冲突可以加上这个选项 ``` ### 解决方案三：调整 Webpack 版本及其关联工具链 考虑到 Webpack v5 对于一些旧版插件的支持有所改变，建议查看当前项目的具体需求，并据此决定是否应该降级至更稳定的 Webpack 版本(如v4)，或是寻找支持最新标准的新一代替代品[^3]。 #### 升级命令样例： ```json { "devDependencies": { "webpack": "^5.x", "webpack-cli": "^4.x", "webpack-dev-server": "^4.x" } } ``` 运行下列指令完成更新过程： ```bash npm update webpack webpack-cli webpack-dev-server ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值