我来自 react.js 的代码没有显示在网页上答案

【问题标题】：My code from react.js is not showing on the web page我来自 react.js 的代码没有显示在网页上
【发布时间】：2022-11-30 20:20:10
【问题描述】：

我的代码非常简单。我检查了所有资源，在不同的文件中重写了代码，更新了我的电脑，检查了 css 文件，它工作得很好，看不到这里的问题。

反应.html：

<html>
    <head>
        <link rel="stylesheet" href="react.css">
        <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
        <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"><script>
    </head>
    <body>
        
       <div id="root"></div>
        <script src="react.js" type="text/babel"></script>
    </body>
</html>

反应.js：

ReactDOM.render(<h1>Hello, World!</h1>, document.querySelector("#root"))
```  tried  document.getElementById("root") as well

【问题讨论】：

你用什么安装反应？ npm 我有反应吗？

标签： html reactjs

【解决方案1】：

要使用@babel/standalone，您还需要加载它，否则type="text/babel" 将无法工作。

<!-- Load Babel -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

【讨论】：