问题标签 [mern]

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 投票
1 回答
4889 浏览

ios - 点击事件不会在点击 iOS 设备时触发,但在桌面上按预期工作

我无法让我的 React 应用程序在移动 Safari 上以最佳方式工作。我的应用程序通常会在桌面上放置、发布、修补和删除,但在我的 iPhone 上不会这样做。我尝试在下面的 React 组件中添加“cursor:pointer”和 onTouchStart,但似乎没有任何效果。

} }

0 投票
0 回答
34 浏览

javascript - 内容不会在 webapp 的根目录中呈现

我正在构建 MERN 堆栈应用程序。我尝试使用基本代码在 localhost:3000 上渲染一些东西。但是内容不会出现在根目录中。当我将路径更改为“/某事”时,内容将在该路径上呈现。所以,我的问题是:为什么内容不在“/”上呈现?

已编辑。换句话说,如何在 localhost:3000 中显示“...”?

代码:

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
19 浏览

node.js - 仅在设置页面中选择时显示输入

我试图弄清楚如何让用户去/settings并选择几个复选框,然后当他们去的时候,/new他们只会看到与他们在 中选择的输入相对应的输入/settings

我不知道我会怎么做,我知道我需要将它保存到数据库中,但是我应该如何提取数据以只显示我想要的输入。我正在考虑将选项设置为布尔值,当它为真(选中)时,它将显示输入。我对这个想法的唯一问题是我不确定如何使用尽可能少的数据库查询来做到这一点。理想情况下,我只会发送 1 个查询而不是说 10 个左右。

0 投票
2 回答
804 浏览

javascript - 动态导航到 Express 服务器的 React App 链接

我正在尝试将 React JS 应用程序上的前端链接导航到 Express 服务器。

例子

在 Express 服务器中,我写了这段代码

我还更新了我的前端 package.json 文件,如下所示:

我的 React 应用程序在端口 3000 上运行,而 Express 服务器在端口 5000 上运行。但是,当我单击页面链接时,没有任何反应。我必须像这样显式更改前端链接才能使其工作:

有什么办法可以让我的 React App 与我的 Express 服务器动态连接,而不必http://localhost:5000每次都在所有链接中指定?

0 投票
1 回答
1830 浏览

node.js - 使用 Express 连接 React 和 React Native

所以我刚开始学习 ReactJS 和 React Native。

我对 MEN(Mongo、Express、Node)有一些了解。到目前为止,我学习了如何 res.render() 文件并在其中传递对象。

现在我需要做的是制作 MER​​N 应用程序。这个应用程序还需要有它的 Android 和 iOS 版本。

到目前为止,我了解到 R 代表 ReactJS,而不是 react-native。有没有办法让它同时包含两者?当我有像 express-generator 这样的文件夹结构时,我应该把反应文件放在哪里?或者有没有一种方法可以将它们放在完全不同的目录中,一个通过导入调用另一个?

0 投票
1 回答
337 浏览

mern - 在 mern io 中添加 assets 文件夹

我正在使用 mern.io 我的 web pack 配置看起来像:

我想添加一个自定义 css 文件,该文件位于:/public/assets/css/custom.css;那么我的配置是什么?

我可以在 node_modules 中导入 css 文件,例如:require('rc-slider/assets/index.css');

正如它在配置中所说:

我已经复制了条目:

但不工作

0 投票
3 回答
41937 浏览

reactjs - 如何将html模板转换为反应?

我从 themeforest ( https://themeforest.net/item/limitless-responsive-web-application-kit/13080328?s_rank=1 ) 购买了一个 HTML 管理模板。

我正在构建一个 MERN 堆栈站点,并且想知道将这个 HTML 模板转换为反应站点的最佳方法是什么。将模板分解为组件、手动添加路由以及将 HTML 转换为 JSX 等似乎是一项乏味的任务。

问题出现是因为在主题森林中,最流行的管理模板是为 jQuery / HTML 世界构建的,而不是为全栈 JS 世界构建的。例如,我上面链接的主题有大约 7000 次下载。这些模板在购买时为您提供了一大堆 HTML 和 CSS,如果我们必须用这些构建一个 react 站点,那么手动将 HTML 转换为 JSX,并将其分解为组件,是一个费力的过程。想知道是否有更好的方法来解决这个问题。

0 投票
1 回答
2222 浏览

reactjs - 使用 express 服务 REACT 组件不起作用(仅呈现 html 文件)

您好,我正在学习 MERN 堆栈,我在为我的反应组件提供服务时遇到问题,这是 server.js 代码

文件夹结构

控制台中没有可见的问题 - HTML 正在正确呈现,但是 React 组件不可见。

这是我的 index.html 文件:

和下面我的 webpack.config.js 文件代码

我尝试了各种方法,不幸的是它仍然无法正常工作

0 投票
0 回答
159 浏览

node.js - 实时 ssl 上的 mern 项目部署

我想在 ssl 上部署一个 mern 项目。目前它正在使用 ip 地址的服务器上运行,但是当我在 ssl 上部署它时它没有运行。它在 http 上运行良好。我对节点模块传输节点进行了更改,并将其设置为 http 到 https。1-我使用 nginx 作为代理服务器

当我在 ssl 上部署时,它会给出错误:-

1-emitter.js?8a6f:50 选项 https://privateIp:port/ net::ERR_SSL_PROTOCOL_ERROR

2-websocket.js?0f24:6 WebSocket 连接到“ws://privateip/sockjs-node/831/bocznd0p/websocket”失败:WebSocket 握手期间出错:意外响应代码:400

3-您的请求是http,而它需要https。(握手问题)

0 投票
1 回答
301 浏览

mongodb - 在 MERN 堆栈中管理数据库验证

我来自 Rails 背景,正在尝试使用 MERN 堆栈构建一个简单的 Web 应用程序。

使用 Rails,我有一种管理数据库级验证的简单方法:我将创建一个迁移并使用验证设置架构,然后运行迁移。迁移到生产环境或删除数据库后,我可以运行相同的迁移。

mongo使用 MongoDB,我知道如何在控制台中创建数据库级验证,但不知道如何管理验证以供以后重用。

使用 MongoDB 管理数据库级别验证的最佳实践是什么(MERN 的特定解决方案很好,虽然只有 Mongo 的通用解决方案也很好?更好的是,有没有办法管理向上/向下验证,以防我想要更改后期开发中的必填字段,但不想从头开始重做所有验证?

提前致谢!