使用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吗？ 是否有任何具体的configurationwebpack或babel我需要设置为了使其工作？ 我在我的.babelrc使用{stage: 0}configuration。

任何帮助将不胜感激，谢谢！

Answer 1

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

一种select是使用：

 require('babel-polyfill'); 

要么：

 import 'babel-polyfill'; 

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

Answer 2

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

Answer 3

在有关运行时的文档中

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

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