【问题标题】:Can you use Create-React-App npm start with nodejs?你可以使用 Nodejs 的 Create-React-App npm start 吗?
【发布时间】:2020-05-24 01:33:08
【问题描述】:

我对 React 和 node.js 非常陌生。

我想运行一个 node.js 服务器来提供 React.js 页面/视图。

当我使用“create-react-app”然后使用“npm start”时,我是否还需要启动我的节点服务器,或者我是否需要使用“npm run build”才能与节点一起使用。 js服务器?

我喜欢它在您对代码进行更改时在“npm start”之后自动更新您的 react.js 页面的方式。

我只是想知道是否每次进行更改时都必须运行“npm run build”命令。

感谢您的帮助!

【问题讨论】:

    标签: javascript node.js reactjs npm


    【解决方案1】:

    不,您不需要每次都运行npm run build 命令,因为当您准备好将代码发送到生产环境时会使用此命令。

    create-react-app 项目中,在本地开发时(在运行npm start 之后),您将获得开箱即用的hot reloading。换句话说,当本地服务器运行时,每次更改浏览器都会自动重新加载。


    来自 create-react-app 文档:

    npm 开始: 在开发模式下运行应用程序。打开http://localhost:3000在浏览器中查看。

    如果您进行编辑,页面将重新加载。您还将在控制台中看到任何 lint 错误。

    https://create-react-app.dev/docs/available-scripts#npm-start

    【讨论】:

    • 那么在我运行 'npm start' 之后,我可以在不同的端口上运行 express/node server.js,然后测试后端和前端之间传递的数据吗?
    • 没错,你不能在与前端相同的端口上运行nodejs后端服务器。一旦 nodejs 服务器运行,您可以从前端进行 API 调用,但请确保正确定义了 CORS,否则您会收到 Cross-Origin 错误。
    • 感谢您的帮助!!这几天我一直在研究这个。我还发现这篇文章可以帮助我理解 CORS。 developer.mozilla.org/en-US/docs/Web/HTTP/CORS 再次感谢!
    猜你喜欢
    • 1970-01-01
    • 2018-09-06
    • 2017-02-18
    • 1970-01-01
    • 2020-09-23
    • 1970-01-01
    • 2021-01-03
    • 2019-05-07
    • 2020-07-11
    相关资源
    最近更新 更多