Uncaught ReferenceError: exports is not defined

Uncaught ReferenceError: exports is not defined

项目克隆到本地启动的时候为什么会报这个错,是一个大屏项目

img

npm install 一下

  • 这篇博客: Uncaught ReferenceError: exports is not defined 解决办法中的 突然的报错 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 模块是一个让人兴奋的区域,我们充分理解了模块带来的好处并切 对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