首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在IE11中,使用IE11 polyfill导入的Starter create-react-app仍会中止

在IE11中,使用IE11 polyfill导入的Starter create-react-app仍会中止
EN

Stack Overflow用户
提问于 2019-06-04 07:13:18
回答 3查看 7.2K关注 0票数 3

使用: react 16.8.6。在开发模式下工作。

1) Do: npm create-react-app my-app

2) cd my-app

3)新增:导入"react-app-polyfill/ie11";作为index.js中新的第一行

4) do: npm start

5)在Windows10上的IE11中,它会在控制台中中止,并显示以下内容:

SCRIPT1002:语法错误1.chunk.js (10735,34)

SCRIPT1002:语法错误main.chunk.js (154,1)

我尝试过其他的polyfills:

导入react-app-polyfill/IE9;

导入‘react-app-polyfill/稳定’;

导入'react-app-polyfill/ie9';导入‘react-app-polyfill/稳定’;

导入'react-app-polyfill/ie11';导入‘react-app-polyfill/稳定’;

语法错误的位置会发生变化,但它仍然会发生。

在所有其他浏览器中都可以正常工作。

代码语言:javascript
复制
import "react-app-polyfill/ie11";
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import "bootstrap/dist/css/bootstrap.css";

ReactDOM.render(<App />, document.getElementById("root"));

中止发生在生成的代码加载之前。它在IE11中显示了旧的“死亡白屏”。

有没有人可以分享让16.8.6初学者应用程序在IE11中工作的魔力?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2019-06-04 16:10:06

您可以参考以下步骤来支持IE11:

首先,安装软件包:npm install react-app-polyfill

其次,在src/index.js的第一行添加import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable';

第三,像这样在package.json中添加ie 11: 

最后,您可以重新启动您的应用程序,它将在IE11中工作。如果仍然不起作用,请删除该应用程序,然后按照上述步骤重新创建。

票数 19
EN

Stack Overflow用户

发布于 2020-12-04 23:30:37

在2020年末,react-scripts 4.0.0似乎在react-app-polyfill和IE 11上出现了问题,如https://github.com/facebook/create-react-app/issues/9906中所述。

我的变通方法,在我的index.js顶部(上面的链接中显示了多个其他的)

代码语言:javascript
复制
// https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill
import 'react-app-polyfill/ie11'
// https://github.com/facebook/create-react-app/issues/9906
// this is currently borked -> import 'react-app-polyfill/stable'
// so use core-js.. which might be the "right" way now per
// https://reactjs.org/docs/javascript-environment-requirements.html
import 'core-js/stable'
票数 1
EN

Stack Overflow用户

发布于 2020-05-28 01:58:50

https://github.com/facebook/create-react-app/blob/master/packages/react-app-polyfill/README.md

yarn add react-app-polyfill

代码语言:javascript
复制
// These must be the first lines in src/index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

// ...
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56435589

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档