Javascript 如何在react with express或http中创建服务器？

我正在用react js构建一个web应用程序 我想在我的项目中为客户端创建一个服务器 所以我使用的是express或http 我试过这个密码

import React from "react";
var  express = require("express"); // I also used with import
const app = express();
class App extends React.Component {
  componentDidMount(){
    app.get("/", (req,res)=>{
      res.end("hello world");
      }).listen(8000, ()=>{
        alert("server started")
      });
}
  render(){
  return (
    <div className="App">
      {/*....*/}
    </div>
  );
  }
}

export default App;

从“React”导入React；
var express=require（“express”）；//我还使用了import
常量app=express（）；
类应用程序扩展了React.Component{
componentDidMount（）{
应用程序获取（“/”，（请求，请求）=>{
res.end（“你好世界”）；
}).听（8000，（）=>{
警报（“服务器已启动”）
});
}
render（）{
返回(
{/*....*/}
);
}
}
导出默认应用程序；

但它会抛出一个错误

然后我尝试使用http

import React from "react";
var  http = require("http");

class App extends React.Component {
  componentDidMount(){
    http.createServer((req,res)=>{
      res.end("hello world");
      }).listen(8000, ()=>{
        alert("server started")
      });
}
  render(){
  return (
    <div className="App">
      {/*....*/}
    </div>
  );
  }
}

export default App;

从“React”导入React；
var http=require（“http”）；
类应用程序扩展了React.Component{
componentDidMount（）{
http.createServer（（req，res）=>{
res.end（“你好世界”）；
}).听（8000，（）=>{
警报（“服务器已启动”）
});
}
render（）{
返回(
{/*....*/}
);
}
}
导出默认应用程序；

它还会抛出一个错误 我该怎么办？

---

如何操作？

要创建express服务器，必须使用Node.js

无法使用react创建express服务器

您必须安装Node.js，请看： （我建议您安装“推荐给大多数用户”版本，目前为：14.15.4）

---

然后按照本教程进行操作：

您尝试的是不可能的。React是一个基于客户端的框架，它依赖于浏览器DOM，而Express和HTTP服务器是Node.js库。它们需要运行一个节点运行时，这通常不能由React或基于客户端的javascript提供

---

如果要在Express中托管React应用程序，需要先在Node.js服务器上运行Express。看看@shai_sharakanski对此的回答。

是否有任何react模块可以创建类似express的服务器？@RajmaniKumar嘿，没有。你想做什么？我正在尝试使用react开发一个具有live server的编辑器monaca@RajmaniKumar好啊为什么要构建服务器？是的，我想为客户端创建一个服务器来运行本地http服务器