与 React Js 同时使用 npm

Question

我有一个使用 Node express 和 React Js 创建的项目。服务器（节点）package.json如下。它同时使用npm run dev. 服务器使用端口5000，客户端使用端口3000，文件夹结构如下。

/
|
|-mysample
   |
   |-client
   |   |-.env
   |   |-package.json
   |   |-src
   |-server.js
   |-package.json

package.json(mysample)

{
  "name": "mysample",
  "version": "1.0.0",
  "description": "My Sample",
  "main": "server.js",
  "scripts": {
    "client-install": "npm install --prefix client",
    "start": "nodemon server.js",
    "server": "nodemon server.js",
    "client": "npm start --prefix client",
    "dev": "concurrently \"npm run server\" \"npm run client\""
  },
  "author": "test",
  "license": "ISC",
  "dependencies": {
    "bcryptjs": "^2.4.3",
    "body-parser": "^1.18.3",
    "concurrently": "^4.0.1",
    "express": "^4.16.4",
    "mongoose": "^5.3.8",
  },
  "devDependencies": {
    "nodemon": "^1.18.9"
  }
}

我如何使用concurrentlynpm 包启动两个 react js 项目，这些项目使用端口3000用于管理员和8000客户端。

   /
    |-ebook_admin
       |
       |-client
       |   |-.env
       |   |-package.json
       |   |-src
       |   |-public
       |   |
       |-package.json
       |-src
       |-public
       |-.env

Answer 1

如果我正确理解您的问题，您可以在此处查看我的一个项目https://github.com/chriskavanagh/mern-shopping-list/blob/master/package.json以了解只要您已经在此处设置代理https://github.com/chriskavanagh/mern-shopping-list/blob/master/client/package.json将端口更改为 8000。

这是后端 package.json

"scripts": { "client-install": "npm install --prefix client", "start": "node server.js", "server": "nodemon server.js", "client": "npm start --prefix client", "dev": "concurrently \"npm run server\" \"npm run client\"", "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client", "test": "echo \"Error: no test specified\" && exit 1" },

和

"proxy": "http://localhost:8000", 在您的客户端 package.json 中