问题标签 [react-fullstack]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
518 浏览

reactjs - 新的 react-fullstack 生成的项目中端口 3000 和 3001 之间的区别?

我只是运行 react-fullstack 生成器,并在端口 3000 和 3001 上运行了两台相同的服务器。

快速谷歌发现 3001 端口应该是 webpack-dev-server。但是我在3000和3001看到的实际内容是一样的!

两者有什么区别?

0 投票
1 回答
3748 浏览

javascript - 使用 create-react-app 和 webpack 开发服务器将来自客户端 react 应用程序的请求代理到服务器

尝试为客户端应用程序创建服务器端 API。客户端完全写在反应上。在开发中使用端口 3000 上的 webdevserver。服务器正在侦听端口 3001。我已将代理添加到package.json客户端应用程序的文件中,如下所示:

但是一旦我请求服务器 API,它就会失败:

响应对象为空。如果我尝试使用 3001 端口请求 API - 一切正常。似乎 web-dev-server 没有代理请求,或者我错过了一些额外的配置选项?

0 投票
2 回答
13286 浏览

express - 将 React Native 连接到后端(使用 Express)

我使用 React Native 和 Cheerio.js 刮板(每天使用 Cron Job 激活一次)制作了一个 UI,我将使用它从 Web 中获取某些数据,以便它可以在 UI 中呈现。但是,我不知道如何将两者联系起来。

我很确定我可以使用 Express 来做到这一点(我对后端最满意),但是有人可以准确地告诉我我需要做什么才能将前端连接到后端吗?

以防万一,我是一名初级开发人员(前端比后端更好)所以请保持你的答案简单。即使您的答案更具概念性,而不是基于代码,我也会非常感激。

0 投票
2 回答
1342 浏览

javascript - 无法使用 google-maps-react 添加标记

我有这段代码在浏览器控制台中给我一个错误

但在包的文档中,他们从不导入 Marker https://github.com/fullstackreact/google-maps-react

我无法发现发生了什么

0 投票
1 回答
183 浏览

javascript - 使用 webpack 重用全栈模块

我正在开发一个在后端(nodejs)和前端都使用打字稿的项目。该项目涉及一些密码学,这意味着我正在使用WebCrypto - 在后端我node-webcrypto-ossl用作垫片,因此我可以在客户端和服务器之间共享代码。

有没有办法让模块在客户端导出一个东西,在服务器上导出另一个东西,这样我就可以import * as crypto from './webcrypto'以一种常见的方式公开接口?

在服务器上它应该导出node-webcrypto-ossl,而在客户端上只是暴露window.crypto.

我尝试了各种方法,但 webpack 一直试图拉node-webcrypto-ossl入浏览器,这并不奇怪。

这是我的(失败的)尝试:

0 投票
0 回答
437 浏览

node.js - 全栈应用架构 | 反应 | 还原 | 节点

我正在使用 node、react redux mongo 和 passport 创建一个全栈应用程序。我有一个关于应用程序架构的问题:。

目前,页面(React 组件)上显示的 hTML 内容除了从 mongo DB 获取的用户名、他的学分等之外,都是硬编码的,如标题、子标题、文章数据、欢迎页面等。假设更进一步,扩展应用程序我也想在其他国家/地区发布我的网站,为此我需要对我的网站内容进行本地化。第二个用例是添加“我们的博客”、“案例研究”等标签,这些标签将包含不断变化和添加的内容等。所以我的问题是如何从一些 JSON 中制作这些硬编码数据并在我的组件中使用它。

我应该采用什么样的架构。注意 - 我已经在使用 express api 来获取我的用户信息、登录状态、mogodb 数据等。附上截图。在此处输入图像描述

0 投票
1 回答
28 浏览

mongodb - 当我尝试导入 mongojs 时,我的 webpack 没有编译?

当我尝试导入 mongojs 以连接到我的 mongodb 时,webpack 无法编译并引发以下错误。

0 投票
0 回答
890 浏览

reactjs - 创建 Cognito 用户并将用户添加到数据库

我对全栈开发相当陌生,这个问题更像是一个最佳实践问题/我做得对吗?

我正在构建一个使用 aws Cognito 进行身份验证的网站,但我还想在 RDS 中为每个用户保存各种统计信息。目前我只是在客户端使用来自 AWS 的 Auth 创建用户。添加 RDS 代码时,是否应该从客户端调用创建 AWS 用户和 RDS 用户行?或者我应该将信息发送到我的后端 API 来完成吗?如果我在客户端这样做,我主要关心的是意外创建一个而不是另一个。

另外,如果我在做的事情看起来不正确或者他们是更好的方法,请告诉我。

0 投票
1 回答
120 浏览

node.js - 与 Node 进行 React 代理通信

我尝试使用 React + Node 构建应用程序,它工作得很好。它在 package.json 文件中使用“代理”:“ http://localhost:3001 ”。但我真正想避免的是在 package.json中使用“ http://localhost:3001 ”。我想将其移至配置文件,但显然我无法将其导入 package.json 文件。所以我的问题是:是否有这个代理被渲染的地方,我可以在哪里导入配置设置。

你们有没有人有这样的问题?

0 投票
1 回答
342 浏览

node.js - react-scripts-ts 在所有文件夹中查找依赖项并在构建时抛出错误

我使用 Node.js + Typescript 和 React+ Typescript 构建全栈应用程序。文件夹结构:

所以,当我执行命令tsc && node build/www服务器启动时。

但是如果我想用 command 构建 react 包react-scripts-ts start,我会得到不属于 react 项目的错误。例如:

为什么 react-scripts-ts 在 non-react 文件夹中查找依赖项?