在使用Reactjs时遇到问题_Reactjs_Html

在使用Reactjs时遇到问题

reactjs html

在使用Reactjs时遇到问题,reactjs,html,Reactjs,Html,这是我第一次使用reactjs。我使用npm安装了react和react dom 这是我的main.js文件： import React from 'react' import ReactDOM from 'react-dom' ReactDOM.render(<h1> hello world</h1>,document.getElementById("node")); 从“React”导入React 从“react dom”导入react dom render（h

这是我第一次使用reactjs。我使用npm安装了react和react dom

这是我的

main.js

文件：

import React  from 'react'
import ReactDOM from 'react-dom'

ReactDOM.render(<h1> hello world</h1>,document.getElementById("node"));

从“React”导入React
从“react dom”导入react dom
render（helloworld，document.getElementById（“节点”）；

这是我的index.html文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css">
</head>
<body>
    <div id="node"></div>
    <script src="main.js"></script>
</body>
</html>


页面标题

两个文件位于同一目录中，但react不会更改视图

有人对我如何继续有什么建议吗？

试试跑步

create-react-app APP_NAME

希望能起作用

有控制台输出吗？如何包含依赖项？您还需要某种构建步骤来编译包含JSX的JavaScript文件，以编写浏览器可以理解的代码，例如，带有Babel的Webpack。如果你刚刚开始，可能值得一看已经为你准备好的项目，例如…@Thole，我会试试看thanks@Nick它们位于节点模块中。我正在我的main.js文件中导入它们