我的程式碼非常簡單。我檢查了所有的資源,將程式碼重寫到不同的文件中,更新了我的電腦,檢查了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粉3735968282024-01-11 09:12:30
要使用@babel/standalone
,您還需要載入它,否則type="text/babel"
將無法運作。
<!-- 加载 Babel --> <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>