TSC 编译出现 can only be default-imported using the ‘allowSyntheticDefaultImports‘ flag
这个错误信息表明你正在尝试从一个模块中默认导入一个值，但是这个模块并没有默认导出。在JavaScript和TypeScript中，如果一个模块没有显式地使用export default来导出一个默认值，那么它就不能被默认导入。
解决这个问题的方法是，确保你导入的模块有一个默认导出，或者使用命名导出来导入需要的值。
例如，如果你有一个模块module.ts，它只导出了一个命名的值：
// module.ts
export const someValue = 'someValue';你不能像这样默认导入它：
// 错误的导入方式
import someValue from './module';你应该使用命名导入：
// 正确的导入方式
import { someValue } from './module';如果你需要解决这个问题而又不能修改源模块，可以在tsconfig.json中设置allowSyntheticDefaultImports为true，这样TypeScript会允许你为没有默认导出的模块使用默认导入，实际上它会创建一个合成的默认导出。但是这种做法是为了兼容性而不推荐，因为它可能会导致运行时错误。
最佳实践是始终确保你导入的模块有一个默认导出，或者使用命名导出。如果你正在使用的是第三方库，并且它是用旧的模块系统编写的，那么你可能需要查看是否有任何更新或替代库支持现代模块系统。
评论已关闭