首页 > 解决方案 > 基本 React 页面不返回任何内容/返回打印的脚本标签

问题描述

我正在尝试学习反应,我一直在关注它的某些教程。这实际上是第一个例子,它似乎对我不起作用。

<!DOCTYPE html>
<html>
 
<head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  <meta content="utf-8" http-equiv="encoding">
  <title>React! React! React!</title>
  <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script 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>
 
<body>
      <script type="text/babel">
    
          ReactDOM.render(
            <h1>Sherlock Holmes</h1>,
            document.body
          );
        
        
        console.log('test')
    </script>
</body>
 
</html>

它在我的浏览器上返回空白页,或者有时它只返回打印的脚本(如下所示:https ://i.postimg.cc/jqnYHD1J/Screenshot-from-2021-04-28-14-47-07.png )请帮助!

标签: javascriptreactjs

解决方案


推荐阅读