Class constructor FileManager cannot be invoked without 'new'

最新推荐文章于 2023-04-19 16:47:20 发布
最新推荐文章于 2023-04-19 16:47:20 发布
阅读量1.3k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： webpack 开发Bug集合 文章标签： less less-loader FileManager
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wxl1555/article/details/99829626
本文详细解析了在使用Webpack打包时遇到的Less错误，并提供了两种有效的解决方案，一是锁定Less版本在3.10以下，二是升级less-loader版本到5.0.0。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

欢迎访问我的个人博客：http://www.xiaolongwu.cn

webpack打包时出现以下问题

ERROR in ./src/pages/score/components/current/no-join/index.less
Module build failed (from ./node_modules/_mini-css-extract-plugin@0.5.0@mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js):


Class constructor FileManager cannot be invoked without 'new'
      in undefined (line undefined, column undefined)
    at runLoaders (/home/admin/build/node_modules/_webpack@4.39.2@webpack/lib/NormalModule.js:313:20)
    at /home/admin/build/node_modules/_loader-runner@2.4.0@loader-runner/lib/LoaderRunner.js:367:11
    at /home/admin/build/node_modules/_loader-runner@2.4.0@loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/home/admin/build/node_modules/_loader-runner@2.4.0@loader-runner/lib/LoaderRunner.js:111:13)
这个问题是由于less升级导致的bug；

具体的解决方案： https://github.com/less/less.js/issues/3414

解决方案一

也就是将less锁定版本在3.10以下，及3.9.0。

解决方案二

或者将less-loader版本升级到5.0.0即可。

我的github资源地址：Class constructor FileManager cannot be invoked without ‘new’

我的优快云博客地址：https://blog.youkuaiyun.com/wxl1555

如果您对我的博客内容有疑惑或质疑的地方，请在下方评论区留言，或邮件给我，共同学习进步。

邮箱：wuxiaolong802@163.com

jdk11的class反射机制，将newInstance（）方法设置为了不建议使用了，怎么通过反射创建新的对象
极客栈
11-05 6224
下面是jdk11的源代码，看到有个方法 @CallerSensitive @Deprecated(since="9") public T newInstance(){ 。。。。。。 } 这里就意味着，newInstance（）不建议使用 这里看到jdk9就不建议使用了。那么应该用哪个代替呢？ 我们知道创建对象有几种方式 1. new 关键字 ，默认或者显示地调用构造方法实现。 2.反射newInstance。 3.反射方式显示调用构造函数 4.深度拷贝copy 下面是C...
Understanding ObjectOriented Programming in Python
AI天才研究院
08-08 870
作者：禅与计算机程序设计艺术Object-Oriented Programming (OOP) is one of the most important concepts in programming world and it’s widely used in every industry. It has many advantages including code reusability, modularity, flexibility and extensibility. In this article
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...
前端 vue编译 依赖库 报错问题Class constructor FileManager cannot be invoked without 'new'
stone_tomcate的博客
08-19 4526
[1m[31mERROR in ./node_modules/extract-text-webpack-plugin/dist/loader.js?{"omit":1,"remove":true}!./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-load...
解决关于: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 ...
Class constructor FileManager cannot be invoked without ‘new‘
梦里小白龙个人博客
08-19 2071
今天早上重新安装依赖的时候出现以下错误： 修复：在package.json 的 “less”: “^3.9.0"改成"less”: “~3.9.0” 删除node_modules在安装依赖 成功运行
[Spark版本更新]--Spark-2.0.1版本的最新改动
欢迎来到我的博客，一起探索代码里的世界！
11-12 6771
spark-2.0.1版本的最新改动 Sub-task(子任务) [SPARK-15232] - Add subquery SQL building tests to LogicalPlanToSQLSuite [SPARK-15698] - Ability to remove old metadata for structure streaming MetadataLog [SPARK-...
FreeMarker代码分析第十一篇
m0_46422419的博客
11-30 672
2021SC@SDUSC FreeMarker代码分析第十一篇beans包BeansWrapper.java代码分析 beans包 BeansWrapper.java 代码分析 /* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for addi
线程相关 之 Thread源码解析【5】
yunzhonghefei的博客
02-02 349
类简介： /** * A <i>thread</i> is a thread of execution in a program. The Java * Virtual Machine allows an application to have multiple threads of * execution running concurrently. * <p> * 每个线程都有优先级，高优先级比低优先级优先运行。每个线程都可能被标记为守护线程。一个线程创建
spritejs学习记3：自定义元素章节 Class constructor Sprite cannot be invoked without 'new' 问题解决
peade的博客
06-27 2591
在运行示例代码，涉及到自定义类时，在webpack打包时，会报这个错误。 解决方法，在webpack的配置项里，配置alias别名，配置完就可以了 resolve: { alias: { spritejs: 'spritejs/dist/spritejs.js' } } 参考： https://github.com/spritejs/spritejs/i...
vue构建项目报 Class constructor FileManager cannot be invoked without 'new' in undefined 问题解决
qq_36278221的博客
08-20 473
报错问题： 解决方法： 把node_modules目录删除 重新全部依赖包 yarn （或 npm install） 然后npm install less@3.9.0（less版本降为3.9.0或以下） 即可解决 —原因： less依赖包升级到3.10.0有bug导致的 ...
自制小autocomplete/tree/上传/下载/html转pdf/layer
榴莲不好吃的专栏
08-19 2467
自制小autocomplete/tree/上传/下载
vue中threejs报错记录：Class constructor Object3D cannot be invoked without ‘new‘
Anlittlecat的博客
01-13 1016
vue中threejs报错记录：Class constructor Object3D cannot be invoked without 'new'
前端 vue编译 依赖库 报错问题Class constructor FileManager cannot be invoked without ‘new‘
txl910514的专栏
10-15 383
排查是less版本问题 升级less 和less-loader 就ok
解决： Class constructor Entity cannot be invoked without 'new'
weixin_30799995的博客
04-25 5840
用webpack搞前端。 出现Class constructor Entity cannot be invoked without 'new'。 应该是babel转化的时候出问题了。 修改.babelrc文件 改为： { "presets": [ ["env", { "modules": false ,"targets":{"node":"cu...
TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘
qq_66970557的博客
09-17 2477
TypeError: Class constructor ServeCommand cannot be invoked without 'new'
Class constructor MiniCssExtractPlugin cannot be invoked without
qq_41314448的博客
04-19 319
build/utils.js文件引入mini-css-extract-plugin。环境webpack4.30.0。Class constructor MiniCssExtractPlugin cannot be invoked without
class constructor servecommand cannot be invoked without 'new'
06-28
### 回答1： 这个错误提示是因为你在调用一个类的构造函数时，没有使用 `new` 关键字。在 JavaScript 中，如果你想创建一个类的实例，必须使用 `new` 关键字来调用它的构造函数。 例如： ``` class MyClass { constructor() { // 构造函数代码 } } // 创建 MyClass 的实例 const myInstance = new MyClass(); ``` 如果你不使用 `new` 关键字来调用构造函数，就会出现类似于“class constructor MyClass cannot be invoked without 'new'”这样的错误提示。 ### 回答2： class constructor servecommand cannot be invoked without 'new' 是一个 JavaScript 错误提示信息，它的意思是，在不使用关键字 "new" 的情况下无法调用类构造函数 servecommand。 在 JavaScript 中，一个类的构造函数是在类实例化的时候被自动调用的，用来初始化类的属性和方法。而当我们想要实例化一个类时，需要使用 "new" 关键字来调用构造函数。但是，如果在调用构造函数时忘记使用 "new" 关键字，就会触发该错误。 这个错误可能出现在下面这样的代码中： ``` class ServeCommand { constructor() { this.commandName = "serve"; this.description = "Start the server"; } } const command = ServeCommand(); // 错误 ``` 上面的代码中，我们定义了一个 ServeCommand 类，其中 constructor() 方法用来初始化类的属性和方法。但是当我们尝试实例化 ServeCommand 类时，直接调用了构造函数 ServeCommand()，而没有使用 "new" 关键字，因此就会触发 "class constructor servecommand cannot be invoked without 'new'" 错误。 要解决这个问题，我们只需要在实例化 ServeCommand 类时正确地使用 "new" 关键字： ``` const command = new ServeCommand(); // 正确 ``` 这样，就能成功实例化 ServeCommand 类，并执行相应的构造函数。 ### 回答3： 这个错误意味着您在调用类构造函数servecommand时没有使用 "new" 关键字，但却试图直接调用它，从而导致错误。 在JavaScript中，类构造函数必须使用 "new" 关键字来创建类的实例。如果没有使用 "new" 关键字，则构造函数不会返回类的实例，而是返回 undefined。因此，当您尝试使用未定义的实例时，就会抛出该错误。 为了解决这个错误，您应该始终确保在调用类构造函数时使用 "new" 关键字。例如，应该这样调用servecommand类的构造函数： var myServeCommand = new servecommand(); 这将创建一个新的类实例，并将其分配给变量 myServeCommand。您可以随后在代码中使用这个变量来与servecommand类实例进行交互。 总之， "class constructor servecommand cannot be invoked without 'new' " 错误是由于没有使用 "new" 关键字来调用servecommand类构造函数而引起的。为了避免这个错误，您应该始终使用 "new" 关键字来实例化类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值