问题标签 [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.
javascript - 将 webpack 与 react 一起使用时出现错误
我正在研究 Apress 的 Pro MERN Stack 中的示例,并遇到了 webpack 的问题。直到我开始使用它,一切都按预期工作。现在,当我跑步时,npm run compile
我得到了这个:
我不相信任何东西都随着反应而改变,所以不明白为什么它会突然引起问题。我的想法是 webpack 有问题,或者我使用的 webpack 版本不适用于 react 版本。我认为每个错误都是相同的问题。
有没有人经历过类似的事情,如果有,你是如何解决的?
添加 package.json
reactjs - MERN:在组件之间传递 _id
我对反应和 JS 很陌生,而且我遇到了一些障碍。
我有一个 MERN 堆栈并使用基本的读写 API 运行。我正在尝试链接到一个新组件(使用 Mongo id)并获取该特定 id 的所有数据。我有链接工作,但我不确定如何将 _id 传递给新组件。如果是从父母到孩子,我会使用道具,但这是从孩子到孩子的。
到目前为止,这是我的代码。
容器
组件 - MyKids
“链接到”效果很好,我应该得到“ http://localhost:3000/show/5b28f31be5fea7325cfe3883 ”。但是,我不知道如何获取该 ID 并在我的 API 调用中使用它来获取该孩子的数据。
谢谢你的帮助!
javascript - reactjs路由无法正常工作
我有简单的 reactJs 项目。具有仪表板的登录功能。
我有 DashboardComponent,它是我的应用程序的入口点。
仪表板组件
在这里,我为 LoginComponent、ForgetPasswordComponent、RegisterComponent 和 Main 定义了路由器。
LoginComponent 用于用户登录屏幕和逻辑
Main 用于,成功登录后用户将进入 Main 组件。在这里,我为 ProductListComponent、SettingsComponent、AddProduct、ViewProduct 定义了另一个路由器
主.js
在我现在的代码中,我能够重定向到 ProductListComponent。
点击添加按钮后
但是当我试图去 AddProduct 或 ViewProduct 或 SettingsComponent 组件时,它显示空白页。我该如何解决
express - 在 AWS 上设置 MERN 应用程序的最佳实践
我知道这是主观的和固执的,但我只需要从了解最佳实践可能是什么开始。
我有一个在 localhost 上运行的MERN应用程序,React 脚本当前在端口 3000 上运行,Express.js 应用程序在端口 3001 上运行。
现在我要在 AWS 上实时设置它,我想知道我是否应该像这样创建它:
website.com
对于前端 React 的东西,使用 nginx 路由从端口 80 到 3000 的任何内容,同时它调用api.website.com
在同一实例上运行在 3001 上,website.com
并且 `api.website.com 具有相同的 IP 地址。
或者
website.com 的一个单独实例在不同的 IP 地址上,另一个实例api.website.com
在不同的 IP 地址上用于 API 调用?无需指定端口即可访问两者。
我很好奇,因为大多数时候我使用 API,它们没有单独的端口,只有一个子域,我认为是不同的 IP 地址和不同的实例。
记住我想使用 SSL 的最佳设置方法是什么?
javascript - 如何在 MongoDB 中更新布尔值
我有一个boolean
我需要更新的内容,mongoDB
具体取决于用户/餐厅是否处于活动状态。有没有办法做到这一点?这就是我到目前为止所拥有的
模式 - 简化
和控制器:
我只需要一种简单的方法将其更改为真假。任何帮助,将不胜感激!
node.js - Heroku 上的 MERN 不能跨浏览器工作
我使用 MLab、React、Redux 开发了 MERN 应用程序。在 dev 中工作正常。我在 Heroku 中部署并 在我用于开发的 Chrome 中运行良好(使用 React、Redux 附件)。
问题:它在我机器的任何其他浏览器中显示为空白,包括在任何其他机器的 chrome 中。我查看了网络并根据此论坛中的解决方案,我在 server.js(或 app.js)上执行了以下操作。也就是说,在我自己的 chrome 中,这个 URL ( https://servicexpoc.herokuapp.com/ ) 可以正常工作,但在其他任何情况下它都是一个空白页面。
传统的... git 的东西(git add,commit)然后检查远程连接到 Heroku 并做了 'git push heroku master' 。一切都很好......服务器已经启动并且正在晒太阳。再一次,它出现在我的 chrome 中并且像魅力一样工作......但没有其他地方。
以下是我的服务器端 package.json:
以下是客户端 package.json
我的目录结构:
尝试遵循以下指令: https ://expressjs.com/en/starter/static-files.html
任何帮助...
node.js - MERN Passport 反序列化在每个请求上调用两次
我将 mern.io 与 Passport 和 express-sessions 一起用于我的应用程序。对于每个请求,deserializeUser 都会为同一个请求调用两次。正如其他用户指出的可能的罪魁祸首,这不是 express.static 或 express.favicon 的问题。第一次调用 req.user 时未定义。第二次调用时, req.user 是正确的。deserializeUser 中的 userObject 在两种情况下都是正确的:
这是我的 server.js:
这是我的passportConfig.js:
有谁知道这可能是什么原因造成的?
node.js - 使用 MERN 上传文件
我需要一些输入,因为我是 MERN 的新手。我想将文件(例如 Word Docx 文件或文本文件)上传到我的后端,并在收到文件时对文件执行 OS 命令。
我看到有很多 express 中间件可用于此任务,例如 Multer 或 Express-fileupload。尽管在示例中,这些库中的大多数都专门处理图像。
我只是想知道社区会针对这种特定情况推荐哪些中间件?