在React应用中更改index.html的路径

Question

我已经创建了一个React App，默认情况下，index.html转到公用文件夹。因此，当我运行命令npm start时，index.html必须位于公用文件夹中，否则会出现以下错误：

...
react-scripts start

Could not find a required file.
  Name: index.html
...

所以我的问题是，是否有什么方法可以将index.html更改为根路径。

我的意思是

从此处（默认）

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

到此处：

my-app/
  README.md
  node_modules/
  package.json
  public/
    favicon.ico
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg
index.html

我需要执行此操作，因为我有一个名为record.js的javascript文件，我希望将其包含在index.html中，但我也希望它被称为Speech.js的组件使用，所以我唯一的方法是看到我可以那样做。

Answer 1

一种简单的方法是创建一个新应用

npm install -g create-react-app
create-react-app App

您将拥有一个如下所示的文件夹结构：

App/
  README.md
  **index.html**
  favicon.ico
  node_modules/
  package.json
  src/
    App.css
    App.js
    index.css
    index.js
    logo.svg

您可以看到index.html位于根路径中，因此您只需向其中添加文件即可。