同时 npm 和 React Js

Question

我有一个使用 Node express 和 React Js 创建的项目。服务器（节点）package.json 如下。它使用concurrently 来启动服务器和客户端，就像使用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"
  }
}

我如何使用concurrently npm 包来启动两个 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 中

Answer 2

解决方案就在这里，首先要同时安装（npm）。

"scripts": {
"client-install": "npm install --prefix client",
"start": "nodemon server.js",
"server": "nodemon server.js",
"client": "npm start --prefix client",
"dev": "concurrently \"cd server && npm server"\ \"npm run client"\"  

比在您的 CLI 中：npm run dev
是工作！ SkraJ5