javascript - 我的 Node.js React 应用程序无法识别任何 index.html 文件是否有任何明显的原因？

Question

您可以在此处查看该应用程序:https://02e7822e.ngrok.io

git repo

我的主要问题是index.html不知何故从未被连接起来，这意味着

1) 该网站根本无法针对移动设备进行缩放

2)没有网站图标

我遗漏了什么明显的东西吗？我以前也建过网站，但每次index.js看起来都有点不同，所以这里供引用:

import AppBar from '../components/AppBar';
import Block from '../components/Block';
import React from "react";

class Index extends React.Component {
    render() {

        return (
            <div>
                <AppBar/>
                <Block/>
            </div>
        )
    }
}

export default Index;

在以前的网站中，我已经能够使用 ReactDOM 和 document.getElementByID 来(我认为)对 index.html 进行某种引用，但我尝试过，但只遇到了语法错误。

Answer 1

所以看起来您使用了 create-react-app 并更改了周围的文件夹结构......不要这样做。

这里是官方文件夹结构的链接:

https://facebook.github.io/create-react-app/docs/folder-structure

还有。当将服务器与 React 一起使用时，我看到了一种文件夹结构，其中服务器保存在应用程序的根目录中，然后 React 保存在单独的 client 文件夹中。

my-main-app-folder

my-main-app-folder/
  client/ (This is the folder where React lives)
    public/
      index.html
      favicon.ico
    node_modules/
    src/
      App.js
      index.js
    package.json
    README.md
  .gitignore
  server.js
  package.json
  package-lock.json
  README.md

类似的东西