在单独的文件夹中同时运行Node&React

时间:2020-10-26 13:03:36

标签: node.js reactjs package.json concurrently

我的应用程序确实可以运行,但我想对其进行重新组织,以便于管理。我想将服务器文件从根目录移到它们自己的目录。

当前,我同时使用 加载服务器和客户端,以便它们可以同时运行。

当我运行 npm run dev 时,我希望同时加载服务器和客户端。运行服务器加载时,客户端将失败,并且服务器目录中将生成一个名为client的新文件夹。

我的新文件夹结构

client
client/package.json
server
server/package.json

以前的(有效的)文件夹结构

server files in root
package.json  {for server}
/client {all client files including /client/package.json}

我正在同时使用并且正在尝试使其正常工作。我想我需要做的是更改server / package.json文件中的正确语法,但是更改没有用。

同时在我的服务器package.json文件中编码

  "dev": "concurrently \"npm run server\" \"npm run client\"",

我得到了错误

] /bin/sh: ..npm: command not found
[1] ..npm run client exited with code 127

我尝试过以不同方式更改线路,但仍然无法加载客户端

    "dev": "concurrently \"npm run server\" \"cd ../client && /npm run client\"",
    "dev": "concurrently \"npm run server\" \"cd ../client && /npm run client\"",

    "dev": "concurrently \"npm run server\" \"npm run ./client\"",
    "dev": "concurrently \"npm run server\" \"npm run ../client\"",
    "dev": "concurrently \"npm run server\" \"npm run //client\"",

我认为这可能是一个简单的语法更改,但是创建新目录的事实使我更加了解。任何解决方案或想法将不胜感激。

2 个答案:

答案 0 :(得分:1)

将第二个参数中的两个命令组合到客户端位置和 npm 命令

"dev": "concurrently \"npm run server\" \"cd ../client && npm run client\"",

答案 1 :(得分:0)

下面是服务器的package.json中正确的代码

"scripts": {
    "start": "node server.js",
    "server": "nodemon server.js",
    **"client": "npm start --prefix ../client/",**
    "clientinstall": "npm install --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 "
  },

我必须在命令后将路径放置到新客户端目录。现在我知道似乎很明显,但是我专注于另一行。

相关问题