文章/答案/技术大牛

发布

社区首页 >问答首页 >无法从unpkg中检索reacti-dom.Development.js

问无法从unpkg中检索reacti-dom.Development.js
EN

Stack Overflow用户

提问于 2019-01-28 13:49:31

回答 1查看 5.4K关注 0票数 5

我正在学习ReactJS，并试图在batman.htm上运行代码(这是来自app.htm的说明)。

使用Chrome，永远不会显示“蝙蝠侠”，Chrome developer工具会记录以下错误：

从源“null”到“https://unpkg.com/react-dom@16.7.0/umd/react-dom.development.js”(从“https://unpkg.com/react-dom@16/umd/react-dom.development.js”重定向)的脚本访问已被CORS策略阻止:请求的资源上不存在“访问控制-允许-原产地”标题。

当然，当请求-dom.Development.js直接请求时，Network选项卡会显示标头丢失。

其他注意项目：

当直接请求react.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>

reactjs

unpkg

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-01-29 15:17:52

事实证明，如果我拿出“交叉”，那么它在Chrome工作！

在, why is a script "blocked by CORS policy"?上有一个关于这个的讨论

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54403417

复制

相似问题

问无法从unpkg中检索reacti-dom.Development.js
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法从unpkg中检索reacti-dom.Development.jsEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法从unpkg中检索reacti-dom.Development.js
EN