Reactjs 沒有在瀏覽器中顯示任何內容

Question

這是我第一次學習 React，我開始觀看教程，但是當我編寫代碼時，它沒有在瀏覽器上顯示任何內容，這是什么問題？ 收件箱.html：

<html>
    <head>
        <link rel="stylesheet" href="index.css">
        <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
        <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
        <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    </head>
    <body>
        <h1>Hello, React!</h1>
        <div id="root"></div>
        <script src="index.js" type="text/babel"></script>
    </body>
</html>

索引.js：

ReactDOM.render(<ul><li>Thing 1</li><li>Thing 2</li></ul>, document.getElementById('root'));

還有一個空的 index.css 文件，它們都保存在一個文件夾中，這是什么問題

Answer 1

我在這里測試了你的代碼，我沒有發現任何問題。 這是正確的，正在工作。

在此處輸入圖像描述

Answer 2

請最快的解決方案是重新開始。 如果您創建了這個應用程序並且它沒有運行，那么您制作它的方式一定有問題。 也嘗試關閉程序並輸入 npm 重新開始也許這可能會有所幫助。

Reactjs 沒有在瀏覽器中顯示任何內容

問題描述

1 個解決方案

解決方案1
0 2022-09-27 19:25:11

解決方案2
-1 2022-09-27 19:29:05

Reactjs 沒有在瀏覽器中顯示任何內容

問題描述

1 個解決方案

解決方案1 0 2022-09-27 19:25:11

解決方案2 -1 2022-09-27 19:29:05

解決方案1
0 2022-09-27 19:25:11

解決方案2
-1 2022-09-27 19:29:05