Использование create-реакции-app по умолчанию не работает для IE edge - PullRequest
0 голосов
/ 09 января 2020

Создать приложение реакции:

npx create-react-app --name=helloworld --use-npm

Затем я загружаю пример

npm start

Посетите браузер на локальном хосте: 3000 в обоих chrome и IE edge.

  • Ожидается: Чтобы увидеть приложение реакции ванили
  • Факт: белый экран с синтаксической ошибкой

Следующие вещи, которые я пробовал в дополнение к вышесказанному, все еще не работают:

пакет. json

{
  "name": "helloworld",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@babel/polyfill": "^7.7.0",
    "@babel/preset-env": "^7.7.7",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "core-js": "^3.6.2",
    "react": "^16.12.0",
    "react-app-polyfill": "^1.0.5",
    "react-dom": "^16.12.0",
    "react-scripts": "3.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      "defaults",
      "ie 10"
    ],
    "development": [
      "defaults",
      "ie 10"
    ]
  }
}

.babelr c

{
    "presets": [
        [
"@babel/preset-env", {
      "useBuiltIns": "entry",
            "debug":true
        }]
    ]
}

index. js

import '@babel/polyfill';
import 'core-js';
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/stable';
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';

ReactDOM.render(<App />, document.getElementById('root'));
serviceWorker.unregister();

1 Ответ

1 голос
/ 09 января 2020

хорошо, это ошибка, которую я обнаружил, как напечатано в github. Пока это хакерское решение, но это работает. - https://github.com/facebook/create-react-app/issues/8084

  • . / Node_modules / реагировать-dev-utils / webpackHotDevClient. js: 60 добавить косые черты: true

пример :

var connection = new WebSocket(
  url.format({
    protocol: 'ws',
    hostname: window.location.hostname,
    port: window.location.port,
    // Hardcoded in WebpackDevServer
    pathname: '/sockjs-node',
    slashes: true
  })
);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...