Невозможно получить response-dom.development.js из unpkg - PullRequest
Новая
       28

Невозможно получить response-dom.development.js из unpkg

0 голосов
/ 28 января 2019

Я изучаю ReactJS и пытаюсь запустить код на https://raw.githubusercontent.com/kirupa/kirupa/master/reactjs/helloworld_batman.htm (это из инструкций на https://www.kirupa.com/react/building_your_first_react_app.htm).

При использовании Chrome «Бэтмен» никогда не отображается, а инструменты разработчика Chromeрегистрирует следующую ошибку:

Доступ к сценарию в 'https://unpkg.com/react-dom@16.7.0/umd/react-dom.development.js' (перенаправленный из' https://unpkg.com/react-dom@16/umd/react-dom.development.js') из источника 'null' был заблокирован политикой CORS: нет 'Доступ'Заголовок -Control-Allow-Origin 'присутствует в запрашиваемом ресурсе.

enter image description here

Достаточно уверенно при запросе реагирования-dom.development.js непосредственно вкладка Network показывает, что заголовок отсутствует.

Другие примечания:

  • Заголовок присутствует при прямом запросе response.development.js
  • Инструкции в https://reactjs.org/docs/cdn-links.html показывают получение файлов из unpkg таким способом
  • Проблема не возникает в IE 11

Что я делаю не так? 

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>React! React! React!</title>
  <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
  <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

  <style>
    #container {
      padding: 50px;
      background-color: #EEE;
    }
    #container h1 {
      font-size: 144px;
      font-family: sans-serif;
      color: #0080a8;
    }
  </style>
</head>

<body>
  <div id="container"></div>
  <script type="text/babel">
    var destination = document.querySelector("#container");
    ReactDOM.render(React.createElement(
      "h1",
      null,
      "Batman"
    ), destination);
  </script>
</body>

</html>

1 Ответ

0 голосов
/ 29 января 2019

Оказывается, если я уберу "crossorigin", тогда он будет работать в Chrome!

Обсуждается это на С

...