解决： Class constructor Entity cannot be invoked without 'new'

最新推荐文章于 2024-07-07 11:41:19 发布

weixin_30799995

最新推荐文章于 2024-07-07 11:41:19 发布

阅读量5.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签：游戏

原文链接：http://www.cnblogs.com/saving/p/8943893.html

本文介绍了如何解决在使用Webpack进行前端打包过程中遇到的错误“Class constructor Entity cannot be invoked without 'new'”。通过调整.babelrc文件配置，指定正确的转换规则，可以避免此问题并使项目正常运行。

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

用webpack搞前端。

出现 Class constructor Entity cannot be invoked without 'new'。

应该是babel转化的时候出问题了。

修改.babelrc文件

改为：

{
  "presets": [
    ["env", { "modules": false ,"targets":{"node":"current"}}],
    "stage-3"
  ]
}

　　即可成功运行。

参考：https://github.com/sequelize/sequelize/issues/7840

转载于:https://www.cnblogs.com/saving/p/8943893.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30799995

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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...

egg.js中Class constructor BaseContextClass cannot be invoked without ‘new‘解决方法

抗争小青年的博客

08-09

1524

这个的保存翻译过来就是：没有’new’就无法调用类构造函数BaseContextClass。在继承Controller时，后面加了一个括号，把括号去掉便可正常运行。

记一次解决过程：TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘

lei_xu的专栏

07-07

1369

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都没用，已经一个星期了，看来只能我自己解决了。

Class constructor FileManager cannot be invoked without 'new'

Cooky的博客

08-19

2441

报错内容如下，原本vue编译都没问题的，过了个周末，竟然报错了。。。原因应该是less的版本问题，但是看别人都是3.10版本有问题，但是我是版本3.8的啊，也是报错了，干脆就都用3.9版本了，这个是没问题的，修改package.json文件，锁定less版本为3.9.0，less-loader版本是4.1.0，可以把版本前面的^符号去掉，这个符号会下载3以下的最新版，以防万一。 ...

解决关于: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 ...

自用 | bb选择题 assgn1（chapter09 对象和类）

leaaah的博客

07-03

1210

问题 1 Analyze the following code. public class Test { int x; public Test(String t) { System.out.println("Test"); } public static void main(String[] args) { Test test = new Test(); System.out.println(test.x); } } A.The program

Java基础知识面试题（二）（英语答案）

知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】

09-11

1162

汇总Java基础知识英语面试题

TypeScript报错信息表（备注）

Lee的博客

05-01

1万+

code 类型英文描述中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本。 1003 错误 Identifier expected. 应为标识符。 1005 错误 '{0}' expected. 应为“{0}”。 1006 错误 A file cannot have a reference to itself. 文件不能引用自身。 1009...

vue2编译报错Class constructor VuexModule cannot be invoked without ‘new‘

zjbkzj的博客

06-29

1205

Class constructor VuexModule cannot be invoked without 'new'

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 cli 3 vue.config.js webpack打包node_modules npm包内的文件 Class constructor cannot be invoked without

立先的博客

07-03

1481

import classA from ‘packageName’; class classB extends classA { ... } 以上使用方式将会在前端控制台报错： Class constructor cannot be invoked without 'new' 因为webpack 默认打开忽略node_modules路径下的文件，只打包相对路径，业务引用的文件；解决方法： v...

TypeError: Class constructor ServeCommand cannot be invoked without ‘new‘

qq_41425646的博客

03-20

1570

webpack打包

Class constructor ServeCommand cannot be invoked without ‘new‘

zulvyinggaitong的博客

01-02

5582

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.

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导致的 ...

webpack-cli报错: Class constructor ServeCommand cannot be invoked without ‘new‘....

人生不易，搬砖艰难

06-18

5041

重新安装webpack-cli就好了

自制小autocomplete/tree/上传/下载/html转pdf/layer

榴莲不好吃的专栏

08-19

2467

自制小autocomplete/tree/上传/下载

STLLoader error: TypeError: Class constructor rt cannot be invoked without 'new'

最新发布

07-09

<think>我们正在处理一个关于STLLoader的错误，错误信息是"TypeError: Class constructor rt cannot be invoked without 'new'" 这个错误通常发生在尝试调用一个类（class）构造函数时没有使用`new`关键字。在JavaScript中，类构造函数必须使用`new`来实例化。考虑到STLLoader是three.js中的一个加载器，用户可能是在使用three.js时遇到了这个问题。可能的原因： 1. 用户可能错误地直接调用了类构造函数，而没有使用`new`关键字。 2. 使用的three.js版本与STLLoader的编写方式可能存在兼容性问题（特别是如果用户使用的是较新的ES6语法，而代码可能是为旧版本编写的，或者反之）。 3. 可能是由于打包工具（如webpack, rollup等）的配置问题，导致类没有被正确处理。解决方法： 1. 确保在实例化STLLoader时使用了`new`关键字。例如： ```javascript // 正确 const loader = new STLLoader(); // 错误：const loader = STLLoader(); ``` 2. 检查three.js的版本。如果使用的是较新版本的three.js（r125+），请注意STLLoader已经从核心库中移出，现在位于examples目录中。因此，需要从'examples/jsm/loaders/STLLoader'导入。同时，确保使用正确的导入方式（ES6模块）： ```javascript import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js'; ``` 3. 如果使用旧版本的three.js（例如通过script标签引入），确保STLLoader的脚本在three.js之后引入，并且使用全局变量时也要注意使用`new`。 4. 如果使用了打包工具，可能需要配置其正确处理类语法（尤其是如果目标浏览器不支持ES6类的话）。但通常现代打包工具都会处理。 5. 如果问题仍然存在，可以尝试检查STLLoader的源代码，看是否有其他问题。或者考虑升级three.js版本。 6. 另外，注意STLLoader依赖于FileLoader和Loader，确保这些依赖都已正确加载。由于用户没有提供具体的代码，我们只能给出一般性的建议。下面是一个使用STLLoader的示例代码片段（使用ES6模块）： ```javascript import * as THREE from 'three'; import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js'; const scene = new THREE.Scene(); const loader = new STLLoader(); // 注意这里使用了new loader.load('model.stl', function (geometry) { const material = new THREE.MeshPhongMaterial({ color: 0xff5533 }); const mesh = new THREE.Mesh(geometry, material); scene.add(mesh); }); ``` 如果用户使用的是通过script标签引入的方式： ```html <script src="path/to/three.js"></script> <script src="path/to/STLLoader.js"></script> <script> // 然后在使用时 var loader = new THREE.STLLoader(); // 注意这里使用了new // ... 其他代码 </script> ``` 希望这些建议能帮助用户解决问题。为了进一步帮助用户，我们可以生成一些相关问题： §§相关问题§§ 1. 如何正确导入three.js中的示例模块（例如STLLoader）？ 2. 在使用three.js加载器时，常见的错误有哪些以及如何解决？ 3. 如何升级three.js版本，并确保兼容性？ 4. 在使用打包工具（如webpack）时，如何配置以正确加载three.js和其示例模块？ 5. STLLoader加载的模型如何显示在场景中？</think>### STLLoader错误：TypeError: Class constructor rt cannot be invoked without 'new' 这个错误通常发生在使用Three.js的`STLLoader`时，根本原因是**尝试直接调用类构造函数而没有使用`new`关键字**。以下是详细分析和解决方案： --- #### 错误原因分析 1. **ES6类语法限制** `STLLoader`是ES6类（class），必须通过`new`关键字实例化： ```javascript // ✅ 正确 const loader = new STLLoader(); // ❌ 错误（触发TypeError） const loader = STLLoader(); // 缺少new ``` 2. **模块导入问题** 如果使用旧版Three.js（如通过`<script>`标签引入），但用ES6语法实例化，或反之，会导致兼容性问题[^1]。 3. **构建工具配置问题** 使用Webpack/Rollup等工具时，若配置未正确处理ES6类（如错误的Babel预设），可能破坏类构造函数。 --- #### 解决方案 ##### 方法1：确保正确实例化 ```javascript import { STLLoader } from 'three/examples/jsm/loaders/STLLoader'; function loadModel() { // 必须添加 new 关键字 const loader = new STLLoader(); // ✅ loader.load('model.stl', (geometry) => { const material = new THREE.MeshPhongMaterial(); const mesh = new THREE.Mesh(geometry, material); scene.add(mesh); }); } ``` ##### 方法2：检查Three.js版本 - **Three.js ≥ r125**：从`examples/jsm/`导入： ```javascript import { STLLoader } from 'three/addons/loaders/STLLoader.js'; // ✅ ``` - **Three.js < r125**：从`examples/js/`导入： ```javascript import { STLLoader } from 'three/examples/jsm/loaders/STLLoader'; // ✅ ``` ##### 方法3：配置构建工具若使用Webpack，在`webpack.config.js`中添加： ```javascript module.exports = { // ...其他配置 module: { rules: [ { test: /\.js$/, exclude: /node_modules\/(?!three)/, // 确保three.js被转译 use: { loader: 'babel-loader' } // 使用Babel处理ES6语法 } ] } }; ``` ##### 方法4：降级兼容方案若仍报错，回退到函数式构造函数（仅限旧版Three.js）： ```javascript // 仅适用于 three.js < r110 const loader = new THREE.STLLoader(); // 全局命名空间形式 ``` --- #### 关键验证点 1. 检查代码中是否遗漏`new`关键字 2. 确认Three.js版本与导入路径匹配 3. 在[Three.js官方示例](https://threejs.org/examples/?q=stl#webgl_loader_stl)中对比你的代码 > 此错误通常通过添加`new`关键字即可解决。若问题持续，建议提供完整的代码片段和环境版本[^2]。 ---