类构造函数必须使用“new”来调用

Question

从一开始我就遇到了nodeJs的问题，我尝试安装其他版本，但没有解决我的问题。当我将引导程序导入到我的项目并导入任何元素（例如按钮）时，我收到此错误，当我有明确的反应时，它就可以工作了。我花了很长时间寻找解决方案，但认为没有工作。我尝试通过npm安装bootstrap，我使用了yarn，清除缓存，更改模块文件夹。

• npm -g 安装 npm 命令

ERROR
class constructors must be invoked with 'new'
renderWithHooks@http://localhost:3000/static/js/bundle.js:26679:31
mountIndeterminateComponent@http://localhost:3000/static/js/bundle.js:30650:17
beginWork@http://localhost:3000/static/js/bundle.js:31953:20
callCallback@http://localhost:3000/static/js/bundle.js:16935:18
invokeGuardedCallbackDev@http://localhost:3000/static/js/bundle.js:16979:20
invokeGuardedCallback@http://localhost:3000/static/js/bundle.js:17036:35
beginWork$1@http://localhost:3000/static/js/bundle.js:36934:32
performUnitOfWork@http://localhost:3000/static/js/bundle.js:36182:16
workLoopSync@http://localhost:3000/static/js/bundle.js:36105:26
renderRootSync@http://localhost:3000/static/js/bundle.js:36078:11
performConcurrentWorkOnRoot@http://localhost:3000/static/js/bundle.js:35473:78
workLoop@http://localhost:3000/static/js/bundle.js:43513:46
flushWork@http://localhost:3000/static/js/bundle.js:43491:18
performWorkUntilDeadline@http://localhost:3000/static/js/bundle.js:43728:25

import logo from "./logo.svg";
import "./App.css";
import "bootstrap/dist/css/bootstrap.css";
import { Button } from "bootstrap";
function App() {
    return <Button className="btn btn-primary">Add</Button>;
}

export default App;

Answer 1

我不确定这是否是故意的，但您使用的是 bootstrap 还是react-bootstrap？因为您尝试从您的代码导入普通引导程序。这可能是你的问题。尝试通过react-bootstrap导入按钮，它应该可以工作。

原因很简单：Bootstrap 本身并不提供像 Button 这样的单独组件，可以像在原始代码中那样直接从 bootstrap 导入。

这就是react-bootstrap的用途