类型错误:类构造函数 {class} 无法在没有“new”的情况下调用

Wag*_*ior 3 npm react-bootstrap create-react-app

当运行安装了react-bootstrap的create-react-app应用程序时,我在尝试添加按钮时收到下面的错误

类型错误:如果没有“new”,则无法调用类构造函数按钮

我的导入是这样的:

import 'bootstrap/dist/css/bootstrap.min.css';
import './App.css';
import PropTypes from "prop-types";
import { Button } from "bootstrap";
import { PureComponent } from "react";
Run Code Online (Sandbox Code Playgroud)

和渲染代码:

  render() {
    return (
      <div className="App">
        <header />
        <Button>Test</Button>
        ...
Run Code Online (Sandbox Code Playgroud)

我研究了许多其他有关 Babel、Webpack 和编译器配置的问题。但我在 create-react-app 中没有看到所有这些配置。

Wag*_*ior 23

所以,我发现了问题。1小时后迷失。错误在于我添加的建议导入。

错误的:

import { Button } from "bootstrap";
Run Code Online (Sandbox Code Playgroud)

正确的:

import { Button } from "react-bootstrap";
Run Code Online (Sandbox Code Playgroud)