React教程:为什么HTML页面显示空白页面



我正在努力学习React教程,但我无法完成简单的程序。我可以在没有HTML文件的情况下运行React应用程序,但我无法使HTML显示任何内容。

这是代码:

Index.html

<html>
<head>
<link rel="stylesheet" href="style.css">

</head>
<body>
<div id="root"></div>
<script src="index.js"></script>
</body>
</html>

index.js

import React from 'react'
import ReactDOM from 'react-dom'
function App() {
return (
<h1>Hello world!</h1>
)
}
ReactDOM.render(<App />, document.getElementById('root'))

我确实启动了npm,如果我创建了App.js,就可以运行应用程序,但如果能帮助HTML工作,我们将不胜感激。

在开发工具控制台中,我得到以下错误:Uncaught SyntaxError: Cannot use import statement outside a module用于index.js

使用可以使用create react应用程序,第一个npm i-g create reace应用程序,第二个创建react应用

你看到注意到它的原因是你应该配置babel&webpack适用于现代应用程序,但创建react应用程序很容易用于基础react项目

最新更新