当前位置: 首页 > 知识库问答 >
问题:

无法从unpkg检索react-dom.development.js

湛同
2023-03-14

我正在学习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策略阻止:请求的资源上不存在“Access Control Allow origin”头。

果不其然,当直接请求react-dom.development.js时,网络选项卡会显示缺少标头。

其他值得注意的事项:

  • 直接请求react.development.js时,会出现标题

我做错了什么?

<!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个答案

商品
2023-03-14

事实证明,如果我去掉“交叉起源”,它在Chrome起作用!

关于这一点,我们正在与

 类似资料:
  • 所以我使用DynamoDB来存储我的火花作业的状态。我已经创建了主键名为计划时间(分区键)和appName(范围键)和我的火花作业写作业完成后的状态。在我的火花作业完成后,另一个Python脚本计划检索作业的状态,并在失败时重新启动应用程序。有时,即使记录存在,我也不会在DynamoDB表中为一组特定的主键获取任何项目,当我使用用户界面时,我可以看到相应的记录。我使用boto3库table.get

  • 问题内容: 我有两个模块的应用程序: 有很多与此模块相关的指令,在此不包括在内。该应用程序运行正常。但是,当我尝试检索模块的注入器时: 引发错误: 该应用程序现在很大,我不知道应该在哪里寻找错误。所以我的问题是: 我可能遇到问题的原因 是 什么? 编辑: 我能够复制我的问题:http : //jsfiddle.net/selbh/ehmnt/11/ 问题答案: 在回答问题之前,我们需要注意, 每个

  • 这是我的第二个版本,我试图从Firebase检索代码,并用它做一些事情。这是我的第二种方式: 这将崩溃,并出现错误代码: 未能将类型“__NSCFString”(0x10A77F4A0)的值强制转换为“NSDictionary”(0x10A780288)。在“更新”行。这是我的第一次尝试: 打印更多数据: -路径通道引用:可选(https://x.com/channels/-kegkajavh6u

  • 我想从数据库中检索名称。但我总是收到错误: 数据库Java语言 它不断返回错误 android.database.CursorIndexOutOfBoundsException:请求索引-1,大小为1,字符串名称=helper.getProductNameT(cur); 有人知道我的编码哪里出错了吗?

  • 问题内容: MVC4 +实体框架4.4 + MySql + POCO /代码优先 我正在设置以上配置..这是我的课程: 这是我的web.config设置… 数据库AND表已经存在… 我对mvc还是很陌生,但是正在使用本教程 应用程序构建良好…但是,当我尝试使用Product(BTD.Data)作为我的模型类并使用BTDContext(BTD.DataContext)作为我的数据上下文类添加控制器时

  • 脚本: 超文本标记语言: 我试图获取的文本与帐单地址相同。我也尝试过使用getText(),但没有返回任何结果。