已安装@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
相关产品推荐
相关产品推荐

