在子文件夹中运行create-react-app

Question

我正在使用 create-react-app。我想从嵌套目录/子目录运行我的代码。我的目录结构如截图所示。

我正在使用 npm start 命令在本地运行它。

我已经更新了我的 package.json 文件。

"homepage": "/foobar/"

我的索引文件

ReactDOM.render(
    <Router basename={'foobar'}>
        <div id="wrapper">
            <RouteList />
        </div>
    </Router>,
    document.getElementById('root')
);

针对路由插件 - link，我已经将node_modules包含在两个目录中以进行测试。

但是当我尝试从根目录运行npm start时，仍然会出现以下错误。

Could not find a required file.
  Name: index.html
  Searched in: C:\git\AccountManager\public

从内部文件夹正常工作。有什么解决办法吗？

- Dipen Dedania

Answer 1

在运行npm start之前，您可以先切换到foobar目录。我建议将这个步骤整合到npm start命令中，使其变成以下形式：

package.json

{
  ...
  "scripts" : {
    "start": "cd foobar && react-scripts start",
    ...
  } 
}

- Mμ.

---

谢谢。但是我想从父目录中运行它。 - Dipen Dedania

只是为了明确一下，根目录就是 AccountManager 文件夹对吧？它也包含你的 package.json 文件吗？ - Mμ.

正确。package.json 文件只能在根目录下使用。 - Dipen Dedania

所以，如果你在 package.json 中将 npm start 改为 cd foobar && react-scripts start，当你运行 npm run start 时，应该能够成功启动 React 应用程序。 - Mμ.

Answer 2

到目前为止，我只能让它工作，如果我只将 index.html 移动到根目录下的 public 文件夹中，或者在 src 文件夹下安装所有 React 的 node-modules。

- Ursu Alexandr