我有一个reactjs使用 ES6 标准编写的应用程序，我用webpack它来构建它。该webpack负载js使用modulebabel-loader。具体来说，我使用以下版本的软件包：
├── babel@5.8.34
├── babel-core@5.8.34
├── babel-loader@5.4.0
└── webpack@1.12.6
但是，构建后，IE 10 出现以下错误'Symbol' is undefined。不babel应该定义Symbol? 是否有任何特定配置webpack或babel我需要设置才能使其工作？我{stage: 0}在我的.babelrc.
任何帮助将不胜感激，谢谢！
好吧，我最终发现babel单独没有 polyfill。包括脚本<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>为我解决了这个问题。
这个解决方案肯定会起作用，当我遇到错误时它对我有用：'Symbol' is undefined in IE 。它在 Chrome 和 Firefox 中运行得更早，但 IE 抛出了这个错误。我花了几个小时才找到这个解决方案。我此时正在使用最新的 React react "react": "^16.5.0" 在 Windows 机器上。
1. Install babel-polyfill
npm install --save-dev babel-polyfill
In package.json, it should have the following entries
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^8.0.2",
"babel-polyfill": "^6.26.0",
"babel-preset-react": "^6.24.1"
}
2. In index.js, add
import babelPolyfill from 'babel-polyfill';
问题应该得到解决
好的，我有同样的问题，但在我的情况下完全不同，所以基本上你需要在索引文件中包含脚本，如下所示：
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>
但就我而言，我已经将其包括在内，经过一些调查后，我发现我的代理阻止了脚本......
因此，请确保将其包含在 index.html 中，并确保您可以从需要的地方访问脚本以避免发生错误……最好的方法是将 url 复制并粘贴到浏览器中……
但是现在我们到了这一步，不是在谈论Symbol本身，在IE中无法识别的Symbol是什么？
Symbol() 函数返回一个符号类型的值，具有公开多个内置对象成员的静态属性，具有公开全局符号注册表的静态方法，并且类似于内置对象类但作为构造函数是不完整的，因为它不支持语法“new Symbol()”。
Symbol() 返回的每个符号值都是唯一的。符号值可以用作对象属性的标识符；这是数据类型的唯一目的。可以在 Symbol 的词汇表条目中找到一些关于目的和用法的进一步解释。
数据类型符号是一种原始数据类型。
在有关运行时的文档中
// in bash
npm install babel-transform-runtime --save-dev
// in gulpfile
.pipe(babel({
plugins: ['transform-runtime']
}))
编辑：在 prod 模式下更好地在 heroku 上使用 --save 而不是 --save-dev