node.js - 如何为项目目录中的两个不同文件夹运行一个 'npm start'

标签 node.js reactjs npm react-scripts

我想运行一个 npm start 命令来运行我的前端文件夹和后端文件夹。目前,我必须在每个文件夹内导航并分别在两个文件夹上运行命令才能看到我的应用程序在本地主机上打开。我已经“同时”查看了该包,但在我的 package.json 文件中实现它时遇到了一些问题。 这是我的前端文件夹的 package.json 文件:

"scripts": {
"start": "set HOST = 'http://localhost' && set PORT=8000 && react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"postbuild": "react-snap"

}

在前端运行 npm start 后,我​​尝试使用此位来运行后端,但它不起作用:

"start": "set HOST = 'http://localhost' && set PORT=8000 && ../backend/ start & react-scripts start"

编辑: 再次尝试后仍然遇到一些问题。

这是我的 package.json 文件中的脚本

前端文件夹

"scripts": {
"start": "set HOST = 'http://localhost' && set PORT=8000 && react-scripts start",
"build": "react-scripts build",
"test": "jest",
"eject": "react-scripts eject",
"postbuild": "react-snap"
},

后端文件夹

"scripts": {
"start": "node ./bin/www"
},

前端用React编写,后端用Node编写。任何帮助将不胜感激!

最佳答案

同时安装:

npm i concurrently --save-dev

现在转到您的 package.json 并添加以下内容:

"start": "node index.js",
"client": "npm run start --prefix client",
"dev": "concurrently \"npm run start\" \"npm run client\"" 

(假设您的客户端文件夹包含前端服务器)

然后,如果您想运行这两个服务器,只需输入 npm run dev 就可以了

关于node.js - 如何为项目目录中的两个不同文件夹运行一个 'npm start',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58070919/

相关文章:

javascript - Mongoose findByIdAndUpdate 成功更新文档但出现错误

node.js - 需要验证我对开发依赖性和依赖性的理解

javascript - 无法在 node-cron 调度方法中获取数据

reactjs - 在每个屏幕中显示底部选项卡导航器

javascript - Electron 应用名称不变

arrays - Nodejs异步数据复制

javascript - ECMAScript 5 - 错误缺少类属性转换

javascript - Gulp-rename files with ordinal numbers - 从文件夹中的最大数字开始索引

ios - 为什么我无法更新到最新的 iOS Cordova 平台?

node.js - 吉普错误!堆栈错误 : `C:\Program Files (x86)\MSBuild\14.0\bin\msbuild.exe`