使用babel后,IE中的'Symbol'是未定义的

我有一个使用ES6标准写的reactjs应用程序,我使用webpack来构build它。 webpack使用babel-loader js模块。 具体来说,我使用以下版本的软件包: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6

但是,build立后,IE 10给出了以下错误'Symbol' is undefined 。 不应该把babel定义为Symbol吗? 是否有任何具体的configurationwebpackbabel我需要设置为了使其工作? 我在我的.babelrc使用{stage: 0}configuration。

任何帮助将不胜感激,谢谢!

你可以在你的代码的入口处使用polyfill,这样就可以将其与JavaScript的其他部分捆绑在一起。

一种select是使用:

 require('babel-polyfill'); 

要么:

 import 'babel-polyfill'; 

所有这些在文档中都有解释。

好吧,我终于发现, babel单独没有polyfill。 包括脚本<script src="ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>为我解决了这个问题。

在有关运行时的文档中

 // in bash npm install babel-transform-runtime --save-dev // in gulpfile .pipe(babel({ plugins: ['transform-runtime'] })) 

编辑:更好,但在生产模式heroku使用 – 保存,而不是 – 保存,开发