首頁  >  問答  >  主體

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粉510127741P粉510127741282 天前467

全部回覆(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>

    回覆
    0
  • 取消回覆