Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 运行react和node_Node.js_Reactjs - Fatal编程技术网

Node.js 运行react和node

Node.js 运行react和node,node.js,reactjs,Node.js,Reactjs,我必须为应用程序创建前端。其他人使用节点创建了后端。我一直使用createreact应用程序创建项目,但是,由于后端已经创建,包括模块、路由、数据库等,我无法使用此命令创建项目,因此我独立安装了所有包。这是my package.json: { "name": "test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build-css": "node-sass-ch

我必须为应用程序创建前端。其他人使用节点创建了后端。我一直使用createreact应用程序创建项目,但是,由于后端已经创建,包括模块、路由、数据库等,我无法使用此命令创建项目,因此我独立安装了所有包。这是my package.json:

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build-css": "node-sass-chokidar client/ -o client/",
    "watch-css": "npm run build-css && node-sass-chokidar client/ -o client/ --watch --recursive",
    "start-js": "react-scripts start",
    "build": "npm run build-css && react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "start": "npm-run-all -p start-node watch-css start-js",
    "start-node": "node index.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "axios": "^0.16.2",
    "body-parser": "^1.18.2",
    "bulma": "^0.6.0",
    "express": "^4.16.2",
    "mongoose": "^4.12.3",
    "morgan": "^1.9.0",
    "q": "^1.4.1",
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "react-router": "^4.2.0",
    "react-router-dom": "^4.2.2",
    "react-scripts": "^1.0.14"
  },
  "devDependencies": {
    "node-sass-chokidar": "0.0.3",
    "npm-run-all": "^4.1.1",
    "sass": "^1.0.0-beta.2"
  }
}

start js有一个问题,因为节点已经在端口3000上运行,react也需要运行。如何使两者同时运行?

简单的答案是更改node.js应用程序的端口,或者在react应用程序中执行npm启动时更改端口


较长的答案是,您可以控制应用程序运行的端口,通常就在您运行节点服务器的位置。react应用程序是一个纯html应用程序,因此从理论上讲,您可以使用任何web服务器为其提供服务。下面是我使用的一个很棒的工具,名为http serve。您可以使用npm安装http serve-g全局安装它。默认情况下,这将在8080端口为react应用程序提供服务,您可以控制在哪个端口下为其提供服务。因此,基本上转到构建文件夹,然后运行http serve,或者在react应用程序中存在index.html的地方运行?你有没有读过,比如说,或者做过其他的研究?我做过研究,实际上发布了答案,因为我没有发现任何能真正解决我的问题或者我对此理解正确的东西。我没有看到你发给我的答案,但我很感谢你,在搞乱了react脚本路径之后,因为这也给我带来了一个单独的问题,我能够在不同的端口上运行react应用程序。谢谢