You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

create-react-app使用Button报错Class constructor cannot be invoked without 'new'

报错原因

你的错误来自组件导入来源错误:当前你从bootstrap包导入的是原生Bootstrap的原生JS类,并非适配React框架的react-bootstrap组件,原生类无法直接作为JSX标签调用,才会触发没有new就调用类构造函数的报错。

解决方法

完全不需要修改Babel、Webpack编译配置,也不需要暴露create-react-app的内置配置,按以下两步操作即可:

  • 先确认已经完成react-bootstrap依赖安装,如果未安装执行以下命令:
    npm install react-bootstrap
  • 修改导入代码,把原来的import { Button } from "bootstrap";替换为:
    import { Button } from "react-bootstrap";

修改完成后重启开发服务即可正常使用react-bootstrap的Button组件。

内容的提问来源于stack exchange,提问作者Wagner Bertolini Junior

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.02 04:06:03