javascript - 如何让我的 React 应用在 Edge 和 IE 11 上运行?
问题描述
我的反应一直运行良好,但我决定在 Edge 和 Chrome 上尝试它,并且在这两种浏览器上加载时都会出现语法错误。该应用程序是使用 create-react-app 编写的,当我发现它无法在 Windows 上运行时,我执行了以下操作:
- 已安装
react-app-polyfill
- 更新了我的浏览器列表
package.json
以包含ie 11
和last 1 edge
- 进口
react-app-polyfill/stable
和react-app-polyfill/ie11
在index.js
- 已删除
node_modules/.cache
并重新启动npm start
,但 Edge 和 IE 11 开发工具控制台都显示语法错误:
但出于某种奇怪的原因,它们显示不同的行号。无奈之下,我也尝试删除所有node_modules
并npm install
再次运行。仍然没有帮助。
如果我进行生产构建和服务,一些页面似乎可以工作,而另一些页面在 IE 和 Edge 中会出现错误,抱怨尝试执行map
或length
出现空值。
解决方案
这似乎是react-scripts
3.3.0 及更高版本的问题。您可以在 GitHub中找到许多问题报告,例如:github.com/facebook/create-react-app/issues/8197、github.com/facebook/create-react-app/issues/8195 。
它仍然可以与react-scripts@3.2.0
. 您可以尝试恢复到 3.2.0 作为解决方法。