当在学习 ts 时,没有借助任何框架,单纯的想运行 ts 文件时(两个 ts 文件存在依赖关系),如下:

    **modules.ts**

    1. import { foo } from './modules01'
    2. console.log(foo)

    **modules01.ts**

    1. export const foo = 123

    然后,你通过 tsc modules.ts 或者 tsconfig.json构建监视 运行时,会产生 Uncaught ReferenceError: exports is not defined 这样的错误

    • 原因:目前的浏览器还不支持 exports 这个属性
    • 解决方案:转译,让所有浏览器都支持。转译为 es5 的语法,可以用很多打包工具去是实现,这里使用 webpack。可参考 webpack打包typescript