在 ts 转 js 文件中出现了下面的错误
can only be default-imported using the 'allowSyntheticDefaultImports' flag
翻译过来就是: 只能使用“allowSyntheticDefaultImports”标志默认导入
提示了 allowSyntheticDefaultImports
,可以想到应该是 tsconfig.build.json 配置相关的:
查看 TypeScript config 配置属性说明文档,查到了
当我们设置 allowSyntheticDefaultImports
为true
的时候才允许使用默认导入,比如像这样:
import React from "react";
解决办法
在我的 tsconfig.build.json 文件中 compilerOptions 对象属性下配置"allowSyntheticDefaultImports": true
即可。
{
"compilerOptions": {
// ...
"allowSyntheticDefaultImports": true
},
}