Typescript编译后 exports is not defined

本文讲述了作者在学习TypeScript后,遇到代码在浏览器环境运行报错的问题,介绍了如何通过browserify工具将TypeScript编译后的代码适配浏览器,并探讨了其作为轻量级打包工具的适用场景和局限性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天学习了下Typescript,发现代码写的很嗨,IDE也没有报错,但是编译后的js代码居然在浏览器环境运行报错了。

一脸懵,捣鼓好久才知道,原来Typescript编译的js也只能运行在node,

 

因为:

只有node下才有exports,module.exports,global,require

我去强大的typescript居然不帮你实现commonjs的方法。。。

我硬是想要浏览器运行的js 那该咋子办呢,网上说用webpack,这是一个办法 但是webpack太重了我只写写js而已。结果找到一个叫browserify的打包工具,这个很轻功能专一只针对js文件。

npm install -g browserify下

控制台 browserify ./dist/client.js -o bundle.js

client.js是使用typescrpt编译出来的js代码。  -o后面是browserify加工client.js编译出来文件。

先运行build 在运行build:browserify搞定

 

这也有个缺点就是只能在编译时候使用,如果想要直接在浏览器的得自己实现一个commonjs规范的库,或者网上找找这样子的库。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值