首页 > 问答 > 正文

React.js代码未能在网页中正确显示

我的代码非常简单。我检查了所有的资源，将代码重写到不同的文件中，更新了我的电脑，检查了css文件，一切都正常，看不出问题。

react.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>

react.js：

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

P粉510127741

P粉510127741348 天前540

全部回复(1)我来回复

P粉373596828

P粉3735968282024-01-11 09:12:30

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

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

回复

取消回复