VisualStudio > React > react-scripts

이하의 투고는 계속된다.
React & IE 11 & react-scripts ver2에서 오류가 발생한 이벤트 처리 - Qiita

이전 단락

Visual Studio 템플릿에서 만든 프로젝트

create-react-app의react-scripts는 1.1계입니다.

  "dependencies": {
    "react": "^16.0.0",
    "react-scripts": "^1.1.5",
  },

IE 11은 2018.12.7의 최신 2.1.1로 올렸을 때 오류가 있었다.

  "dependencies": {
    "react": "16.6.3",
    "react-scripts": "2.1.1",
  },

Error

Fecth 오류

까닭

Last call for Create React App v2 · Issue #5103 · facebook/create-react-app
We have dropped default support for Internet Explorer 9, 10, and 11.
Internet Explorer 9, 10 및 11에 대한 기존 지원이 제거되었습니다.
react-scriptt2의 이유는 IE의 지원이 취소되었기 때문입니다.

대책

그렇게 말하지만 전혀 사용할 수 없는 것은 아니며 보트도 준비했다.
(언제까지 쓸 수 있을지 모르겠다.)
If you still need to support these browsers, follow the instructions below.
이러한 브라우저를 지원하려면 다음 절차를 따르십시오
1, install react-app-polyfill:

$ npm install react-app-polyfill --save
$ # or
$ yarn add react-app-polyfill

2, src/index.js의 첫 줄에 추가
첫 번째 행에 추가
src/index.js

import 'react-app-polyfill/ie11'; // For IE 11 support

package.다음은 제이슨입니다.
package.json

{
  "name": "WebApplication1",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "bootstrap": "^4.1.3",
    "jquery": "3.3.1",
    "react": "16.6.3",
    "react-app-polyfill": "^0.1.3",
    "react-dom": "16.6.3",
    "react-grid-layout": "0.16.6",
    "react-router-bootstrap": "^0.24.4",
    "react-router-dom": "4.3.1",
    "react-scripts": "2.1.1",
    "reactstrap": "6.5.0"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }
}

결실

IE11도 무사히 일을 시작했다.