node.js - 如何使用包含前端和后端的 web 包运行反应项目
问题描述
我在运行项目时遇到问题,项目包含前端(反应)和后端(节点)应该如何运行项目的前端
{
"version": "1.0.0",
"description": "' open source project",
"main": "index.js",
"dependencies": {
"bootstrap": "^4.5.2",
"express": "^4.17.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-router": "^5.2.0",
"react-router-dom": "^5.2.0",
"reactstrap": "^8.6.0"
},
"devDependencies": {
"@babel/core": "^7.11.6",
"@babel/plugin-proposal-class-properties": "^7.10.4",
"@babel/plugin-proposal-function-bind": "^7.11.5",
"@babel/preset-env": "^7.11.5",
"@babel/preset-react": "^7.10.4",
"babel-loader": "^8.1.0",
"css-loader": "^4.3.0",
"style-loader": "^1.2.1",
"webpack": "^4.44.2",
"webpack-cli": "^3.3.12"
},
"scripts": {
"serve": "node src/backend/main.js",
"watch": "webpack --mode=development -d --watch",
"build": "webpack --mode=production",
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": { "type": "git", "url": "" },
"keywords": [],
"author": "",
"license": "ISC",
"bugs": { "url": "" },
"homepage": ""
}
解决方案
如果您想同时运行前端(React)和后端(Node),请同时安装和 nodemon。
npm i concurrently
npm install -g nodemon
然后在 package.json 文件中同时添加以同时运行前端和后端。
"scripts": {
"start": "node server/index.js",
"backend": "nodemon server/index.js",
"frontend": "npm run start --prefix client",
"dev": "concurrently \"npm run backend\" \"npm run start --prefix client\""
},
如果您只想运行前端,请转到客户端文件夹并打开终端并键入
npm start or yarn start
推荐阅读
- python - 在同一个类中调用函数/方法时,类方法是否合适?
- vba - 不能在vba中单独添加数字的数字
- biztalk - 如何在 BizTalk 中使用多个根节点对 XML 进行分批
- python - 如何在多处理函数中传递参数以及如何使用多处理列表?
- android - 如何对齐两个缩放图像的底部?
- php - 为什么当我尝试使用 laravel 和 spatie stripe webhooks packge 处理条带事件时出现错误 404?
- python - Pygame掩码与组中精灵的碰撞问题
- r - R中的转置和填充NA
- python - 如何避免 tensorflow 循环中的操作过多?
- python-3.x - 如何将列表列表传递给期望 *iterables 的函数