项目克隆到本地启动的时候为什么会报这个错,是一个大屏项目
npm install 一下
模块是一个让人兴奋的区域,我们充分理解了模块带来的好处并切 对import和export 有很大期待,开始写入测试代码
test.ts
import {hi} from './hello'; // import 的使用
console.log(hi());
同时用export 导出一个方法
hello.ts
export function hi(){
return 'Hello 木子了前端';
}
然后像往常一样
tsc test.ts
编译完美成功。
准备了完美的心情,在浏览器打开发现了沮丧的一刻Uncaught ReferenceError: exports is not defined at test.js:2
exports 找不到,未定义,是的没错,目前的浏览器还不支持exports 这个属性,怎么办。
方法就是转译,让所有浏览器都支持。转译为es5的语法,可以用很多打包工具去实现,推荐使用流行的webpack,如果你会了就之际打包即可解决如果不会看下面;
三分钟就学会的打包方法,专门为学习typescript 而使用的临时打包
《webpack 之 typescript 打包学习基础 1》