javascript - 在 react 应用程序中更改 index.html 的路径

Question

我创建了一个 React 应用程序，默认情况下，index.html 转到公共(public)文件夹。因此，当我运行命令 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 位于根路径中，因此您只需将文件添加到其中即可。