在Angular项目中引入React组件fortune-sheet出现编译错误

这些错误是因为@fortune-sheet/core的类型定义文件使用了你的项目当前TypeScript版本不支持的语法（比如export type X = import('module').Type这类语法，通常需要TS 4.5及以上版本支持）。可以通过以下几种方式解决：

1. 升级TypeScript版本到兼容版本 #

• 先查看项目当前TS版本：执行ng version或者查看package.json中typescript的版本号
• 安装与fortune-sheet兼容的TS版本（建议匹配库的peerDependencies要求，通常TS 4.5+即可）：

  npm install typescript@^4.5 --save-dev
  

  注意：要确保你的Angular版本支持该TS版本（比如Angular 13及以上支持TS 4.5），如果Angular版本过低，可能需要先升级Angular。

2. 临时跳过第三方库类型检查（快速解决，不推荐长期使用） #

如果暂时无法升级TS或Angular，可以在项目的tsconfig.json中开启skipLibCheck，让TypeScript跳过对第三方库的类型校验：

{
  "compilerOptions": {
    // 其他配置...
    "skipLibCheck": true
  }
}

3. 降级fortune-sheet到兼容旧TS的版本 #

如果升级TS有困难，可以尝试安装较早版本的fortune-sheet，这些版本的类型定义可能使用了更兼容的语法：

npm install @fortune-sheet/react@0.19.0 --save

（可以根据实际情况调整版本号，建议查看库的发布历史，选择一个发布时间较早的稳定版本）

4. 确认React相关依赖配置正确 #

确保项目已安装必要的React依赖，且版本与fortune-sheet兼容：

npm install react react-dom @types/react @types/react-dom --save

内容的提问来源于stack exchange，提问作者NicoESIEA