我的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

类似的东西