首页 文章

如何使用reactjs生成nodejs表达应用程序

提问于
浏览 次
1

我在我的应用程序中使用 reactjs 作为前端技术 . 我需要使用 nodejs 作为服务器端编程 .

我设置了 reactjs 应用程序，它生成了项目结构和package.json然后我安装了 express ，npm本身已将它添加到package.json中

我在我的应用程序中为服务器端代码创建了一个 server 目录 . 这是我的目录和package.json

{
  "name": "rock-paper-scissors-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "express": "^4.15.3",
    "react": "^15.6.1",
    "react-dom": "^15.6.1"
  },
  "devDependencies": {
    "react-scripts": "1.0.7"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

项目结构：

enter image description here

到目前为止一切都很好 . 现在我要生成 node-js express application https://github.com/expressjs/express，它不应该覆盖我现有的 package.json

$ express？

任何人都可以帮助它的方法是什么？还是我做错了什么？

javascript node.js reactjs express

1 回答

  • 1

    您可能需要在服务器目录中安装express . 通过 cd server 进入服务器目录并输入 express myapp . 这将使用不同的 package.json 文件生成一个完整的单独快速应用程序 .

    note ：必须在 express myapp 命令之前安装Expressjs生成器 . 你可以通过 npm install -g express-generator 安装expressjs发电机

    因为这不是一个好的想法，因为在反应中进行全栈 . 您可以考虑使用几个入门套件来完成此任务 .

    • mern.io这代表：mongo，express，react和nodejs . 这带有预先配置的React Router，Redux和Server端渲染 .

    • React Starter Kit

    React Starter Kit - 同构web应用程序样板（Node.js，Express，GraphQL，React.js，Babel，PostCSS，Webpack，Browsersync）

    回复于

相关问题