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
相关产品推荐
相关产品推荐

