craco 项目中 配置 ts 报错 无法识别 allowSyntheticDefaultImports

报错解释：

这个报错通常出现在使用TypeScript和Webpack配置时。allowSyntheticDefaultImports是TypeScript的一个编译器选项，它允许你从没有默认导出的模块中默认导入。CRACO是一个用于自定义Create React App的配置工具，它允许你通过craco.config.js文件覆盖Create React App的默认配置。

报错可能意味着TypeScript编译器无法识别allowSyntheticDefaultImports选项，这可能是由于以下原因之一：

1. TypeScript版本不兼容：你可能使用的是一个较老的TypeScript版本，该版本不支持allowSyntheticDefaultImports选项。
2. 配置错误：在craco.config.js中配置allowSyntheticDefaultImports可能有误。

解决方法：

1. 确保你的TypeScript版本支持allowSyntheticDefaultImports。如果不支持，升级到一个支持该选项的版本。
2. 在craco.config.js中正确配置TypeScript编译器选项。例如：

// craco.config.js
module.exports = {
  typescript: {
    compilerOptions: {
      allowSyntheticDefaultImports: true,
    },
  },
};

如果以上步骤不能解决问题，检查是否有其他相关配置错误，比如是否有拼写错误或者配置层级错误等。如有必要，查看CRACO的官方文档或者Create React App的自定义配置指南，以确保遵循最新的配置方法。