在IE11中不工作的React应用程序(已经尝试过多填充)

Question

我们用create应用程序构建的react应用程序在IE11 (开发和生产)中不起作用。到目前为止，我们已经使用core.js来填充代码，但是IE11突然停止工作了。最初，我们遇到了以下两个错误之一：

1. SCRIPT438:对象不支持属性或方法“条目”
2. SCRIPT5009：“代理”未定义

看来在IE11中根本没有加载。

我们在没有运气的情况下尝试了以下几项：

• Object.entries填充(对象/对象/条目)
• 反应-应用-填充(https://github.com/facebook/create-react-app/blob/master/packages/react-app-polyfill/README.md)
• 完全移除反应姿势
• 节点版本之间的切换
• 我们还尝试升级所有的软件包。

我们的index.js文件的顶部是这样的：

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

在我们实现了上述解决方案之后，就会留下一个样式组件错误: SCRIPT5022：：无法为组件创建样式组件: undefined。

我们的packages.json包含以下内容：

      "dependencies": {
    "@material-ui/core": "^4.2.0",
    "@material-ui/icons": "^4.2.1",
    "axios": "^0.18.0",
    "axios-token-interceptor": "^0.1.0",
    "babel-eslint": "^10.0.1",
    "core-js": "^3.2.0",
    "eslint-config-react-app": "^4.0.1",
    "formik": "^1.5.1",
    "framer-motion": "^2.6.0",
    "immutability-helper": "^3.0.0",
    "lodash": "^4.17.11",
    "moment": "^2.24.0",
    "polished": "^3.3.0",
    "prop-types": "^15.7.2",
    "qs": "^6.7.0",
    "react": "^16.8.6",
    "react-countup": "^4.1.3",
    "react-device-detect": "^1.6.2",
    "react-div-100vh": "^0.3.4",
    "react-dom": "^16.8.6",
    "react-ga": "^2.5.7",
    "react-html-parser": "^2.0.2",
    "react-player": "^1.11.0",
    "react-pose": "^4.0.8",
    "react-redux": "^7.0.3",
    "react-router": "^5.0.0",
    "react-router-dom": "^5.0.0",
    "react-router-redux": "^5.0.0-alpha.9",
    "react-scripts": "^3.0.1",
    "react-scroll": "^1.7.10",
    "react-spinners": "^0.5.4",
    "redux": "^4.0.1",
    "redux-saga": "^1.0.2",
    "reselect": "^4.0.0",
    "styled-components": "^5.0.0",
    "styled-icons": "^9.3.0",
    "styled-normalize": "^8.0.6",
    "yup": "^0.27.0"
  },
  "devDependencies": {
    "@storybook/react": "^5.0.11",
    "babel-plugin-react-remove-properties": "^0.3.0",
    "cypress-testing-library": "^3.0.1",
    "env-cmd": "^8.0.2",
    "enzyme": "^3.9.0",
    "eslint": "5.16.0",
    "eslint-plugin-flowtype": "^3.8.2",
    "eslint-plugin-import": "^2.17.2",
    "eslint-plugin-jsx-a11y": "^6.2.1",
    "eslint-plugin-react": "^7.13.0",
    "jest": "^24.8.0",
    "jest-enzyme": "^7.0.2",
    "jest-styled-components": "^6.3.1",
    "react-test-renderer": "^16.8.6",
    "react-testing-library": "^7.0.0",
    "redux-devtools": "^3.5.0"
  },
  "browserslist": {
    "development": [
      "last 2 chrome versions",
      "last 2 firefox versions",
      "last 2 edge versions",
      "ie 11"
    ],
    "production": [
      ">1%",
      "last 4 versions",
      "Firefox ESR",
      "not ie < 11"
    ]
  }
}

Answer 1

我最近发现了你的一个问题的解决方案。事实证明，framer-motion库与IE不兼容，因为v2库使用“代理”，这与响应IE应用程序使用的多填充不兼容。你可以看到这个这里。

这解决了您的问题，因为“代理”还没有定义。