文章/答案/技术大牛

发布

社区首页 >问答首页 >“react app-polyfill”在IE11中不起作用

问“react app-polyfill”在IE11中不起作用
EN

Stack Overflow用户

提问于 2020-01-21 05:32:37

回答 2查看 14K关注 0票数 6

我的React没有在IE11上工作。

我的客户希望应用程序至少能在ie11上运行。

所以，我必须解决这个错误。

我试过官方文件“react app-polyfill”。但还是没用。

请帮帮我。

src/index.jsx

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import { Provider } from 'react-redux';
import store from './store';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

serviceWorker.unregister();

package.json

  "dependencies": {
    ...
    "@types/jest": "^24.0.25",
    "@types/node": "^12.12.24",
    "@types/react": "^16.9.17",
    "@types/react-dom": "^16.9.4",
    "@types/react-redux": "^7.1.5",
    "@types/react-router-dom": "^5.1.3",
    "axios": "^0.19.0",
    "install": "^0.13.0",
    "node-sass": "^4.13.0",
    "npm": "^6.13.4",
    "react": "^16.12.0",
    "react-app-polyfill": "^1.0.5",
    "react-dom": "^16.12.0",
    "react-hotkeys": "^2.0.0",
    "react-redux": "^7.1.3",
    "react-router": "^5.1.2",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.3.0",
    "redux": "^4.0.5",
    "redux-devtools-extension": "^2.13.8",
    "redux-thunk": "^2.3.0",
    "typescript": "^3.7.4"
  },
...
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "ie 11",
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }

reactjs

internet-explorer-11

polyfills

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-01-28 09:35:59

这个问题可能与react-scripts version有关，您使用的是react-Scripts3.3.0及更高版本。您可以检查package.json文件以验证它。

在GitHub中有一些线程报告了这个错误，您可以引用它们，例如：github.com/facebook/create-react-app/issues/8197、github.com/facebook/create-react-app/issues/8195。

作为一种解决办法，您可以尝试降低react脚本版本的级别。据我所知，它仍然可以与react-scripts@3.2.0一起工作。

票数 6

Stack Overflow用户

发布于 2020-06-23 15:05:24

在您的react-app-polyfill中添加index.js之后，它将适用于PROD，但是您需要在package.json中更新DEV env的browserslist。

index.js

import 'react-app-polyfill/ie9';
import 'react-app-polyfill/stable';

import React from 'react';
import ReactDOM from 'react-dom';
.
.

package.json

.
.
"browserslist": {
  "production": [
    ">0.2%",
    "not dead",
    "not op_mini all"
  ],
  "development": [
    "last 1 chrome version",
    "last 1 firefox version",
    "last 1 safari version",
    "not dead" // new line
  ]
},
.
.

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59834690

复制

相似问题

问“react app-polyfill”在IE11中不起作用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问“react app-polyfill”在IE11中不起作用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问“react app-polyfill”在IE11中不起作用
EN