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

modules.ts
import { foo } from './modules01'
console.log(foo)
modules01.ts
export const foo = 123

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

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐