React 应用程序在 IE11 中不起作用答案

【问题标题】：React app does not work in IE11React 应用程序在 IE11 中不起作用
【发布时间】：2018-05-02 19:12:34
【问题描述】：

当我在 IE11 的生产环境 (irlmap.com) 中加载我的 ES6 react 应用程序（使用 create-react-app 创建）时（其他浏览器工作正常），我收到以下错误：Minified React error #185。我截取了控制台日志的屏幕截图，您可以在下面看到。问题似乎是Symbol() 是undefined。在谷歌周围挖掘，这似乎是我的 polyfill 的问题？请注意，在我的应用程序 (index.js) 的入口处，我有以下内容：

import "babel-polyfill"
import React from 'react'
import ReactDOM from 'react-dom'

IE11 中的控制台错误：

【问题讨论】：

尝试使用开发服务器npm start 运行应用程序并检查IE？这样你不会得到一个缩小的错误，你可以看到实际的问题是什么
因为它是一个生产版本，它的错误很难追踪。尝试在上述浏览器中运行开发版本，您会得到更多有用的错误。这可能是因为没有为 IE11 构建的任何 3rd 方包，问题可能不一定在您的代码中。
谢谢！我在开发模式下运行，发现问题与在 componentWillUpdate 中使用 setState 有关。目前还不清楚为什么错误只发生在ie11，但是，无论如何，问题已经解决了！

标签： reactjs ecmascript-6 internet-explorer-11 create-react-app babel-polyfill

【解决方案1】：

在你的 webpack 配置文件中包含以下插件。

新的 webpack.ProvidePlugin({ Promise: 'es6-promise-promise', // 按预期工作 })

以上代码为我解决了问题。

【讨论】：