在支架上安装 React？答案

【问题标题】：Installing React on brackets?在支架上安装 React？
【发布时间】：2020-07-17 20:58:00
【问题描述】：

您好，我从 node 下载了 react 并删除了 src 中的所有内容，然后创建了 3 个文件。索引.html，索引。 js和styles.css。然后我选择 src 文件夹并将其作为括号项目打开。我导入 React 和 ReactDOM。然后在节点终端上，我执行了 npm run 并显示了 js 文件中的 header 元素。然后我在 HTML 中添加了一个 header 元素。在括号上的实时预览中，仅显示 HTML 标头，在 React 窗口中仅显示反应标头。有谁知道发生了什么，因为我花了几个小时试图解决这个问题。 HTML 中有一个脚本引用。
编辑：我将 HTML 文件放在公用文件夹中，并且在 html 中有 type="text/jsx" 引用，但是当我进行实时预览（不是来自本地主机）时，只有 html 显示。这是正常的吗？也没有什么是自动更新的，我必须保存更改才能显示......当我输入本地主机时，所有的 html 和反应标题都是可见的。我整天都在做这个，我觉得有一个我没有看到的简单修复。

编辑 2：添加代码

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

ReactDOM.render(<h1>this is REACT</h1>, document.getElementById("root"))

<!DOCTYPE html>
<html lang="en">
<head>
   <link type="text/css" href="../src/styles.css" rel="stylesheet">
   
    <meta charset="UTF-8">
    <title>Document</title>
</head>


<body>
   <h1>this is header text from html...................</h1>
   <h1>this is another headerfrom html</h1>
 
    <div id="root"></div>
    <script type="text/jsx" src="../src/App.js"></script>
    <script type="text/jsx" src="../src/index.js"></script>
</body>

【问题讨论】：

标签： reactjs

【解决方案1】：

你的 src 文件夹应该有 index.js 和 App.js 以及其他 JS 和 CSS 文件但不是 HTML 文件，HTML 文件应该在你的公共文件夹中。和图片差不多

【讨论】：

感谢为 React 修复了它，但仍然没有修复实时预览？我只是将服务器更改为 localhost，这是否意味着我无法从 html 脚本运行它？我也相信我删除了 app.js。
另外，当我将我的项目设置为图像时，它显示错误索引文件，项目包含超过 30,000 个文件，并且某些功能可能被禁用。这正常吗？
老实说，我不明白你的意思，但我建议你删除你拥有的文件，然后转到命令行并写入create-react-app，然后转到目录并运行npm start@扎格
基本上我的意思是当我尝试运行与 javascript 文件关联的 html 时，它不会显示任何 javascript 函数，只显示 html 内容。感谢您一直以来的帮助！（我现在重新安装了）@Zaid
此外，文件不会在屏幕上自动更新。我必须保存我的标题才能更改。

【解决方案2】：

这将帮助您使用首选的文本编辑器在本地安装/设置 react。

链接：https://reactjs.org/tutorial/tutorial.html#setup-option-2-local-development-environment

【讨论】：

您好，这些是我遵循的指示。我的理解是 React 会自动更新？当我更改某些内容时，它不会在括号中这样做。它在我保存时有效。另外我猜你必须运行 localhost 而不是运行 index.html，这是正确的（否则它只为我显示 html）？当我使用 SDK 执行此操作时，由于某种原因仅运行 index.html 文件时它就可以工作。