【问题标题】:How can I run two different react apps by just one npm start如何仅通过一个 npm start 运行两个不同的 React 应用程序
【发布时间】:2023-01-09 17:29:24
【问题描述】:

所以,我有两条路 反应应用程序: -我的第一个应用程序 -我的第二个应用程序 是否可以通过一个 npm start 来启动它们 因为现在我需要通过当前应用程序的路径创建两个不同的 powershell 我试图用 follow package.json 将它们包装到另一个反应应用程序中 “开始”:“cd Projects/Project1 && export PORT=3001 & cd ../Project2 && export PORT=3000 & react-scripts start”, 但它不起作用

【问题讨论】:

    标签: reactjs json npm


    【解决方案1】:

    不可能使用单个 npm start 命令运行多个 React 应用程序。这是因为npm start 应该运行为您的应用程序提供服务的单个命令,而您不能使用单个命令为多个应用程序提供服务。

    您可以考虑的一种选择是使用 concurrently 之类的工具同时运行多个命令。使用concurrently,您可以在package.json 文件中设置一个脚本,同时运行您的两个 React 应用程序。例如:

    "scripts": {
      "start": "concurrently "cd my-first-app && react-scripts start" "cd my-second-app && react-scripts start"",
    }
    

    这将同时运行您的两个应用程序,第一个应用程序在默认端口 (3000) 上运行,第二个应用程序在不同的端口 (3001) 上运行。

    或者,如果您想在同一端口上运行这两个应用程序,您可以考虑使用 http-proxy-middleware 之类的工具根据请求路径将请求代理到其中一个应用程序。这将允许您在同一端口上运行两个应用程序,但路径不同。

    我希望这有帮助!如果您有任何问题,请告诉我。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-11-23
      • 2017-01-22
      • 2019-03-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-04-01
      • 2023-01-03
      相关资源
      最近更新 更多