![](/img/trans.png)
[英]How to run the npm run build, when frontend (ReactJS) and backend (NodeJs,Express) are in two different folders
[英]How to run one 'npm start' for two different folders in my project directory
我想運行一個npm start
命令來運行我的前端文件夾和后端文件夾。 目前,我必須在每個文件夾內導航並分別在這兩個文件夾上運行命令才能看到我的應用程序在 localhost 上打開。 我已經“同時”查看了 package 但在我的 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.js 編寫的。 任何幫助將不勝感激!
在 package.json 文件夾(后端)中,go 到腳本
然后添加:
"start": "node index.js",
"client": "npm run start --prefix client",
"dev": "concurrently \"npm run start\" \"npm run client\""
(假設您的客戶端文件夾包含前端服務器)
然后,如果你想同時運行兩台服務器,只需輸入 npm run dev 就可以了
“同時”的 package 可以做到這一點
npm i concurrently --save-dev
然后設置npm run dev
來做
"dev": "concurrently --kill-others \"npm run start-watch\" \"npm run wp-server\""
另一種選擇是這樣做(在 Windows CMD 中運行):
"dev": "start npm run start-watch && start npm run wp-server"
我遇到了同樣的問題,但現在已經解決了。 假設服務器位於“后端”文件夾中,前端位於“客戶端”文件夾中。
然后服務器端 package.json 中的腳本應如下所示:
"scripts": {
"client-install": "npm install --prefix client",
"start": "node server.js",
"server": "nodemon server.js",
"client": "cd ../ && npm start --prefix client",
"dev": "concurrently \"npm run server\" \"npm run client\""
},
和客戶端 package.json 就像:
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"proxy": "http://localhost:5000",
然后“npm run dev”同時運行兩個服務器
我認為解決方案類似於我在這個問題中的回答
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.