我正在努力学习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项目