在我的一生中，我弄不明白为什么我的JS文件没有加载到我的HTML中，而我正在尝试进行动手练习来学习ReactJS。
我的html代码如下：
<html>
<head>
<link rel="stylesheet" href="index.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>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<body>
<div Id="test"></div>
<script src="script.js"></script>
</body>
</html>我的JS代码如下：
ReactDOM.render(<p> Hi there</p>, document.getElementById("test"))我得到的结果总是一个空白文档。
编辑(15/10)
在浏览器控制台中似乎没有任何问题，除了在请求标头下--显示临时标头。这会是问题所在吗？
我还检查了我的浏览器中是否启用了JS。
2条答案
按热度按时间y4ekin9u1#
您忽略了type=“文本/巴别塔”。
此外，如果您使用
ReactDOM.render，您将在控制台中看到错误消息，因为这是针对Reaction版本17的。nukf8bse2#
我认为将js作为脚本导入对Reaction不起作用。您应该从下面链接的ReactJs文档一步一步地了解如何将Reaction链接到html：
https://reactjs.org/
并将
Id="test"更改为id="test"