Работает ли React Typescript в Inte rnet Explorer 11? - PullRequest
0 голосов
/ 14 апреля 2020

У меня есть много приложений React, которые работают в Inte rnet Explorer 11 (с полифиллами). Я хотел бы использовать TypeScript в своих следующих приложениях, поэтому я разработал свой первый, используя те же технологии и концепции из других приложений. Проблема в том, что я вижу только пустую страницу в этом браузере и много ошибок (в переводе с испанского sh):

Неверный диапазон в наборе символов.

Объект делает не принимать свойство или метод 'repeat' (это появляется 26 раз).

Это мой пакет. json:

{
  "name": "reportes",
  "homepage": "http://localhost:8080/isset/view/funeraria/reportes",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.9.8",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.47",
    "@mdi/js": "^5.0.45",
    "@mdi/react": "^1.4.0",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "@types/jest": "^24.0.0",
    "@types/node": "^12.0.0",
    "@types/react": "^16.9.0",
    "@types/react-dom": "^16.9.0",
    "@types/react-router-dom": "^5.1.3",
    "axios": "^0.19.2",
    "core-js": "^3.6.5",
    "exceljs": "^3.8.2",
    "file-saver": "^2.0.2",
    "moment": "^2.24.0",
    "react": "^16.13.1",
    "react-app-polyfill": "^1.0.6",
    "react-dom": "^16.13.1",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.4.1",
    "react-select": "^3.1.0",
    "react-to-print": "^2.6.3",
    "typescript": "~3.7.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all",
      "ie 11"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      "ie 11"
    ]
  }
}

И у меня есть этот импорт в моем index.tsx:

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

Можете ли вы помочь мне исправить это?

1 Ответ

0 голосов
/ 15 апреля 2020

repeat - это , которое не поддерживается IE. Вам нужно добавить полифилл для этого.

Для других ошибок вы также можете проверить, не использовали ли вы какой-либо синтаксис, не поддерживаемый IE, и попытаться найти для них полифилы или использовать какой-нибудь транспортер, такой как Babel. Вы также можете обратиться к этой теме .

Кроме того, пожалуйста, добавьте import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; в первой строке вашего src / index.tsx.

...