Javascript 无法导入反应_Javascript_Reactjs

Javascript 无法导入反应

javascript reactjs

Javascript 无法导入反应,javascript,reactjs,Javascript,Reactjs,我开始学习React，但在导入库时遇到问题。看看我的代码这是我的名为index.HTML的HTML： <!DOCTYPE html> 文件这是我的JS，名为script.JS： import React from "react"; import ReactDOM from "react-dom"; ReactDOM.render(<h1> Hellow World </h1>, document.getE

我开始学习React，但在导入库时遇到问题。看看我的代码

这是我的名为index.HTML的HTML：

<!DOCTYPE html>


文件

这是我的JS，名为script.JS：

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render(<h1> Hellow World </h1>, document.getElementById("Root"))

从“React”导入React；
从“react dom”导入react dom；
render（Hellow World，document.getElementById（“根”））

这就是我打开索引文件时遇到的错误：

无法获取/ReactDOM%20%5E&%20JSX/index.html

我从React站点导入了这两个脚本。

您需要启动运行在localhost上的服务器，该服务器可以为文件提供服务。现在，对本地主机的GET请求不起作用，因为没有运行托管文件的服务器。您仅使用浏览器打开了该文件

查看以开始一个良好的设置

如果您想手动提供文件。看看包裹。您可以通过运行

npx服务文件夹名称

您需要启动运行在本地主机上的服务器，该服务器可以为文件提供服务。现在，对本地主机的GET请求不起作用，因为没有运行托管文件的服务器。您仅使用浏览器打开了该文件

查看以开始一个良好的设置

如果您想手动提供文件。看看包裹。您可以通过运行

npx服务文件夹名称

我注意到

上的id是小写的，但在JS脚本中，您选择的是

document.getElementById（“Root”）

是大写的id。

document.getElementById

区分大小写，因此，您的代码可能无法正确呈现。

我注意到

上的id是小写的，但在JS脚本中，您选择的是

document.getElementById（“Root”）

是大写的id。

document.getElementById

区分大小写，因此，您的代码可能无法正确呈现。

非常感谢您帮助理解！不客气。享受stackoverflow-如果此答案解决了您的问题，请将其标记为已解决，以便其他人更快地找到。非常感谢您帮助理解！不客气。享受stackoverflow-如果这个答案解决了您的问题，请将其标记为已解决，以便其他人更快地找到它。

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render(<h1> Hellow World </h1>, document.getElementById("Root"))