从子文件夹运行 create-react-app

Posted 2023-02-22

【中文标题】从子文件夹运行 create-react-app

【英文标题】：Run create-react-app from sub-folder

【发布时间】：2017-12-06 11:07:57

【问题描述】：

我正在使用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

从内部文件夹可以正常工作。关于如何解决这个问题的任何想法？

【参考方案1】：

您可以将目录更改为 foobar 首先运行 npm start。我会将其合并到我的 npm start 命令中，使其现在看起来如下所示：

package.json

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

【讨论】：

谢谢。但我想从父目录运行它。

只是要明确根目录是文件夹 AccountManager 对吗？其中还包含你的 package.json？

正确。 Package.json 仅在 root 中可用。

所以如果你将 package.json 中的 npm start 更改为 cd foobar && react-scripts start，当你运行 npm run start 时它应该会成功启动 react 应用程序。

【参考方案2】：

到目前为止，只有当我仅将 index.html 移动到根目录中的 public 文件夹，或者通过在 src 文件夹下安装所有 React node-modules 时，我才设法使其工作