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

已安装@types/react-bootstrap,React TypeScript项目仍无法使用组件

解决React TypeScript项目中React Bootstrap组件无法使用的编译错误

你遇到的这个TS1128编译错误,核心原因是React Bootstrap版本与项目TypeScript版本不兼容。

错误提示里的export type { AccordionProps }是TypeScript 3.8及以上版本才支持的语法,如果你的项目TS版本低于3.8,就会触发这个报错。下面是具体的解决步骤:

步骤1:检查当前TypeScript版本

先确认项目的TypeScript版本,在终端运行:

npm list typescript

或者直接查看package.json中devDependencies里的typescript版本号。如果版本低于3.8,就需要升级。

步骤2:升级TypeScript到兼容版本

把TypeScript升级到至少3.8以上的稳定版本,推荐直接升级到最新版:

npm install typescript@latest --save-dev
# 如果你用yarn的话:
# yarn add typescript@latest --dev

步骤3:移除多余的@types/react-bootstrap(可选但推荐)

新版本的React Bootstrap已经自带官方类型定义,不需要再单独安装@types/react-bootstrap,反而可能因为版本不匹配引发冲突。可以卸载它:

npm uninstall @types/react-bootstrap
# yarn用户:
# yarn remove @types/react-bootstrap

完成以上步骤后,重新启动项目编译,应该就能正常使用React Bootstrap的组件了。


内容的提问来源于stack exchange,提问作者Kishore S

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.08 14:42:26