问题标签 [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.
reactjs - React-Router V4 - 服务器渲染只能在一台机器上工作
我正在构建一个带有服务器渲染的 MERN 项目。当有人拉项目(在服务器或本地)时,他会收到此错误:
TypeError: (0 , _reactRouter.createServerRenderContext) is not a function
但是在我的机器上它可以正常工作,没有错误。
另外,我使用的是 react-router 版本 4.0.0- alpha .5 - 也许是 alpha 版本的问题?
javascript - 如何使用 react-router-dom v4 保护一个管理页面?
我正在创建一个具有不同页面的网站。它在前端使用 React.js,在后端使用 Express。基本上它是一个 MERN 堆栈。
对于导航,我使用 react-router-dom v4。路由就像一个魅力。现在我必须保护一页。我已经尝试使用 reacttraining.com 文档,但没有成功。
我的 App.js:
我的问题的正确解决方案是什么?'/dashboard' 需要受到保护,只有在您登录时才能看到。
感谢您的帮助;)
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
在正面渲染上有错误。
production - 如何设置我的应用程序以进行生产?
所以,我想这与“编程”相关性较低,但仍然相关。我很好奇。公司如何设置他们的应用程序以进行生产?假设我有一个 MERN 应用程序,它带有一个实际支持我的 API 的附加后端。我可以将服务器推送到生产环境(实际的 API 所在的位置),然后再推送 MERN 应用程序吗?
具有我所有 API 功能的 Node/Express 服务器。(用户、帖子等)
MERN 应用程序有一个非常小的服务器(想想,Express 生成的,有点),但有我完整的前端。
还是我只是将整个事情投入生产?整个 API、整个前端,以及一些额外的服务器端代码来运行前端。
提前致谢!
express - 关于 MERN 文件夹结构以及在何处定义 MongoDB 连接的建议
我是使用 MERN 创建全栈应用程序的新手(使用 React 而不是 Angular,因为我熟悉 React)。我一直在看教程来学习如何将我的服务器端代码(express/mongo)分开,因为我最初在我的 server.js 文件中定义了我的 Express 路由、MongoDB 连接和 API 请求(只是为了让一些工作)。
目前,我的文件夹结构以及我定义路由和数据库的方式如下:
- routes.js 包含我在路由文件夹中定义的所有路由,并导出一个路由函数以在 server.js 中使用
- 使用 express.Router 为路由文件夹中的模型(即用户)定义特定路由。我还在此处包含 MongoDB 模型以执行任何必要的操作(查找、插入等)
- 在 userModel.js 中定义 mongo 模式
在这一点上,我不确定在哪里连接我的 MongoDB。之前,我在 server.js 中连接到数据库,但是如果我想使用我的模型来查询我的数据库,我是否在我使用模型的每个路由文件中定义我的连接?有没有办法让我只调用一次 mongoose.connect 并确保我始终连接到我的数据库?
用户路由.js
javascript - Babel 上的 npm 运行脚本错误
我打算在构建时而不是在运行时转换 JSX。首先,我使用以下命令安装了 2 个 babel 工具:
然后在 package.json 中,我在脚本部分下添加了以下内容。
我的文件夹目录如下:
当我运行命令:npm run compile 时,出现了一系列错误。
npm 错误!如果你这样做了,这很可能是 mern 包 npm ERR 的问题!不是 npm 本身。
我想就此处缺少的内容寻求建议,还是与安装/配置或文件夹结构有关?
reactjs - 为什么没有定义从 Redux 获得的道具
我使用来自mern.io的入门模板。当我尝试运行以下代码时,出现错误:“ReferenceError: props is not defined”
EventDetailPage.js :
fetchEvent(API 调用正常):
获取事件:
路线.js:
wordpress - 社交网络应用程序的可扩展架构设计
我想设计和构建一个可扩展的应用程序,它将社交博客与所有管理和博客功能相结合,并且该应用程序还将具有课程广播,如 coursera 和 udemy。
我应该研究哪些技术:我研究了一些基于 LAMP 和 MEAN 堆栈的应用程序,但在选择技术堆栈时更加困惑。我应该使用像 BuddyPress 或其他一些基于 WordPress 的标准解决方案,还是应该从头开始设计?我如何将它划分为明智的组件,使其具有可扩展性和高度模块化?
是否有任何参考或一些预制的解决方案或文档或设计模式,因为我计划工作的任何事情都已经完成。
reactjs - 有人帮我建立一个带有 scss 支持、redux-devtools、hotmodule 替换的 react-toolbox 项目吗?
我正在尝试建立 MERN 项目。我需要以下配置
react-toolbox
作为 UI 库scss
和css
造型- 热模块更换
- 用于开发的 redux devtools
是否有任何样板具有此设置?如果不是,请有人创建或调整这些现有的 repo 并为我设置它?
- https://github.com/theajr/react-redux-webpack2-boilerplate.git或
- https://github.com/react-toolbox/react-toolbox.git
提前致谢。
node.js - 护照本地记住我策略
我正在尝试创建护照记住我的策略,但我不知道如何调用它。我的总体策略是将两个令牌存储在我的数据库中并作为 cookie 存储在客户端计算机上,然后进行比较以验证它们是否是真实用户。我目前正在尝试通过 app.use a passport.authenticate 策略,以便我可以使用我的策略验证失败是否成功。
在我的 app.js 文件中,我有:
注意:rememberMe.checkPersistance 与数据库进行比较并返回真或假。
我的问题是我认为我没有正确使用 app.use 语法,我不确定正确的方法是什么。当它不在 .POST 函数中时,如何使用 passport.authenticate?