问题标签 [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 投票
0 回答
177 浏览

reactjs - React-Router V4 - 服务器渲染只能在一台机器上工作

我正在构建一个带有服务器渲染的 MERN 项目。当有人拉项目(在服务器或本地)时,他会收到此错误:

TypeError: (0 , _reactRouter.createServerRenderContext) is not a function

但是在我的机器上它可以正常工作,没有错误。

另外,我使用的是 react-router 版本 4.0.0- alpha .5 - 也许是 alpha 版本的问题?

0 投票
0 回答
494 浏览

javascript - 如何使用 react-router-dom v4 保护一个管理页面?

我正在创建一个具有不同页面的网站。它在前端使用 React.js,在后端使用 Express。基本上它是一个 MERN 堆栈。

对于导航,我使用 react-router-dom v4。路由就像一个魅力。现在我必须保护一页。我已经尝试使用 reacttraining.com 文档,但没有成功。

我的 App.js:

我的问题的正确解决方案是什么?'/dashboard' 需要受到保护,只有在您登录时才能看到。

感谢您的帮助;)

0 投票
1 回答
2203 浏览

node.js - Webpack 渲染:“未定义窗口”

我使用 MERN – https://github.com/Hashnode/mern-starter (react, redux, webpack, nodejs, express) 和组件 react-sound – https://github.com/leoasis/react-sound

当我包含组件时

并尝试启动服务器,我有"window is not defined"来自 webpack 服务器渲染的错误。

但是如果我评论这一行并启动服务器,一切都会好起来的。之后我可以取消注释这一行并且组件将起作用,因为当服务器运行时,更改不会触发服务器渲染(仅前端渲染)。

如果我尝试

在渲染中

ReferenceError: Sound is not defined的前端渲染有错误(在 webpack 之后)。

更新:

如果我尝试(var,不是const

TypeError: Cannot read property 'status' of undefined在正面渲染上有错误。

0 投票
0 回答
60 浏览

production - 如何设置我的应用程序以进行生产?

所以,我想这与“编程”相关性较低,但仍然相关。我很好奇。公司如何设置他们的应用程序以进行生产?假设我有一个 MERN 应用程序,它带有一个实际支持我的 API 的附加后端。我可以将服务器推送到生产环境(实际的 API 所在的位置),然后再推送 MERN 应用程序吗?

具有我所有 API 功能的 Node/Express 服务器。(用户、帖子等)

MERN 应用程序有一个非常小的服务器(想想,Express 生成的,有点),但有我完整的前端。

还是我只是将整个事情投入生产?整个 API、整个前端,以及一些额外的服务器端代码来运行前端。

提前致谢!

0 投票
3 回答
2765 浏览

express - 关于 MERN 文件夹结构以及在何处定义 MongoDB 连接的建议

我是使用 MERN 创建全栈应用程序的新手(使用 React 而不是 Angular,因为我熟悉 React)。我一直在看教程来学习如何将我的服务器端代码(express/mongo)分开,因为我最初在我的 server.js 文件中定义了我的 Express 路由、MongoDB 连接和 API 请求(只是为了让一些工作)。

目前,我的文件夹结构以及我定义路由和数据库的方式如下:

  1. routes.js 包含我在路由文件夹中定义的所有路由,并导出一个路由函数以在 server.js 中使用
  2. 使用 express.Router 为路由文件夹中的模型(即用户)定义特定路由。我还在此处包含 MongoDB 模型以执行任何必要的操作(查找、插入等)
  3. 在 userModel.js 中定义 mongo 模式

在这一点上,我不确定在哪里连接我的 MongoDB。之前,我在 server.js 中连接到数据库,但是如果我想使用我的模型来查询我的数据库,我是否在我使用模型的每个路由文件中定义我的连接?有没有办法让我只调用一次 mongoose.connect 并确保我始终连接到我的数据库?

用户路由.js

0 投票
1 回答
1234 浏览

javascript - Babel 上的 npm 运行脚本错误

我打算在构建时而不是在运行时转换 JSX。首先,我使用以下命令安装了 2 个 babel 工具:

然后在 package.json 中,我在脚本部分下添加了以下内容。

我的文件夹目录如下:

当我运行命令:npm run compile 时,出现了一系列错误。

npm 错误!如果你这样做了,这很可能是 mern 包 npm ERR 的问题!不是 npm 本身。

我想就此处缺少的内容寻求建议,还是与安装/配置或文件夹结构有关?

0 投票
1 回答
739 浏览

reactjs - 为什么没有定义从 Redux 获得的道具

我使用来自mern.io的入门模板。当我尝试运行以下代码时,出现错误:“ReferenceError: props is not defined”

EventDetailPage.js :

fetchEvent(API 调用正常):

获取事件:

路线.js:

0 投票
1 回答
238 浏览

wordpress - 社交网络应用程序的可扩展架构设计

我想设计和构建一个可扩展的应用程序,它将社交博客与所有管理和博客功能相结合,并且该应用程序还将具有课程广播,如 coursera 和 udemy。

我应该研究哪些技术:我研究了一些基于 LAMP 和 MEAN 堆栈的应用程序,但在选择技术堆栈时更加困惑。我应该使用像 BuddyPress 或其他一些基于 WordPress 的标准解决方案,还是应该从头开始设计?我如何将它划分为明智的组件,使其具有可扩展性和高度模块化?

是否有任何参考或一些预制的解决方案或文档或设计模式,因为我计划工作的任何事情都已经完成。

0 投票
1 回答
106 浏览

reactjs - 有人帮我建立一个带有 scss 支持、redux-devtools、hotmodule 替换的 react-toolbox 项目吗?

我正在尝试建立 MERN 项目。我需要以下配置

  • react-toolbox作为 UI 库
  • scsscss造型
  • 热模块更换
  • 用于开发的 redux devtools

是否有任何样板具有此设置?如果不是,请有人创建或调整这些现有的 repo 并为我设置它?

提前致谢。

0 投票
2 回答
1008 浏览

node.js - 护照本地记住我策略

我正在尝试创建护照记住我的策略,但我不知道如何调用它。我的总体策略是将两个令牌存储在我的数据库中并作为 cookie 存储在客户端计算机上,然后进行比较以验证它们是否是真实用户。我目前正在尝试通过 app.use a passport.authenticate 策略,以便我可以使用我的策略验证失败是否成功。

在我的 app.js 文件中,我有:

注意:rememberMe.checkPersistance 与数据库进行比较并返回真或假。

我的问题是我认为我没有正确使用 app.use 语法,我不确定正确的方法是什么。当它不在 .POST 函数中时,如何使用 passport.authenticate?