react18 001

报错：

无法在 "--isolatedModules" 下编译“public-path.ts”，因为它被视为全局脚本文件。请添加导入、导出或空的 "export {}" 语句来使它成为模块。ts(1208)

 当我们的 .ts 文件中没有 import or export 时，就会出现上面的报错

解决方案

// 假设这是一个 a.ts 文件
const a = 1;
 
export {}

报错原因

当我们的 tsconfig.json 中的 isolatedModules 设置为 true 时，如果某个 ts 文件中没有一个
import or export 时，ts 则认为这个模块不是一个 ES Module 模块，它被认为是一个全局的脚本，
这个时候在文件中添加任意一个 import or export 都可以解决这个问题。
 

这会造成一个什么问题呢，如 Babel 对 ts 转义时，它会先将 ts 的类型给删除，但是当碰到 b.ts 文件时，
Babel 并不能分析出 export { Test } 它到底导出的是一个类型还是一个实实在在的 js 方法或者变量，这时候 Babel 选择保留了 export。
但是 a.ts 文件在转换时可以很容易的判定它就导出了一个类型，在转换为 js 时，a.ts 中的内容将被清空，而 b.ts 中导出的 Test 实际上是从 a.ts
中引入的，这时候就会产生报错。