Questions tagged [mern]
MERN stands for Mongo, Express, React and NodeJS.
3,439
questions
0
votes
0
answers
9
views
Can not pass the props correctly to another component from the component where table mapped with data, how to solve this?
console.log(selectedId) produces multiple ids, hence can't get or put request:
Student's List Component(selectedstanard passed from parent component) :
import React, { useState, useEffect } from "...
0
votes
0
answers
16
views
TypeError: Cannot read properties of null (reading 'imgUrl')
This page will display detailed information about the image when click on it.
When I click any image I get this error
TypeError: Cannot read properties of null (reading 'imgUrl').
https://www....
-2
votes
0
answers
31
views
Admin Panel Integrations Issue [closed]
enter image description hereI want to create a MERN Stack website which has a static frontend website, customer panel and a admin panel. I've create folder named frontend where all files all placed as ...
1
vote
3
answers
55
views
It is considered bad practice to use Mongodb ObjectId in the url?
I'm developing a recipe sharing web app using MERN stack, and i was planning to use this kind of url for showing the recipes info
../recipe/:recipeName/:id
I wanted to know if it is a bad practice to ...
-1
votes
0
answers
36
views
Should I redirect to another URL or return another component? [closed]
I have a main page that shows two different views for two different types of users.
1st Approach:
Have a main screen with route "main-tool", and when the user is there, it checks which type ...
0
votes
0
answers
9
views
Storing jwt in httponly cookie requires both frontend and backend apps to be on the same domain (MERN)
So i have implemented a mern stack app with JWT stored in httponly cookie.
So in development mode, both frontend and backend are on the same domain (localhost,different ports), and everything works ...
-4
votes
0
answers
22
views
how to make a price comparison website using mern stack [closed]
I want to create a price comparison website for collage project can I develope it using mearn stack and how can I do it.
Is there any youube vedio of this project
i am tryinvg web scrapping will it ...
0
votes
0
answers
23
views
React strict mode and React Query cause data duplication?
`Hi. Why on earth does this happen? I provide my api route and client code so that you can see it clearer.
The thing is that when I don't use React Query and have strict mode turned off things are ok ...
0
votes
2
answers
64
views
Failed to get data from mongoDB, I get HTML template instead of data
I want to retrieve data from mongoDB, a collection of products, But instead of an array or an object with data, I get an HTML template. What can this be related to? The database is connected, I ...
-1
votes
0
answers
24
views
I developed an app with mern stack, I am wondering how to integrate this app with Cisco Unified Call Manager [closed]
The web app should extract the coming call info to an ip phone and display this info in the frontend. I tried axl SOAP.
-3
votes
0
answers
25
views
MERN STACK queries [closed]
As I'm in the process of learning the MERN stack, I occasionally face challenges and feel overwhelmed when working on projects, causing me to lag behind. What can I do to overcome these hurdles and ...
-1
votes
0
answers
27
views
Error.captureStackTrace(this) in error.js [closed]
I am new to MERN development, while working on Backend coding I used to validate my form data through Joi. And when I want to handle error messages from validation through middleware. Moreover, when I ...
0
votes
0
answers
22
views
Proxy error: Could not proxy request /api/user?search=tester from localhost:3000 to http://127.0.0.1:5000/ (ECONNREFUSED)
"Proxy error: Could not proxy request /api/user?search=tester from localhost:3000 to http://127.0.0.1:5000/ (ECONNREFUSED)," indicates that the frontend (running on localhost:3000) is trying ...
0
votes
0
answers
15
views
Real time socket.io messaging worked with localhost testing but not after deployment to render.com
I'm new to web development and started with the MERN stack. A portion of my project includes a messages page in which once the user clicks on it should establish a connection to the socket.io server. ...
-1
votes
0
answers
26
views
"Warning: MaxListenersExceededWarning while creating React app with 'npx create-react-app'"
I am facing an issue while trying to create a new React app using the 'npx create-react-app 'command in the terminal. I am encountering the following warning:
This warning seems to be related to the ...
-1
votes
0
answers
37
views
How to generate PDF either Server-side or Client-side [closed]
I am working on a React.js application with Three.js integration. The main functionality involves a page featuring three range sliders. Depending on the combinations set by these sliders, a ...
-3
votes
0
answers
38
views
Medicine products fetching process is initiated, but the data is not available until the request completes successfully [closed]
Problem Summary:
The "Featured" component is not initially displaying the medicine products data because the medicine products are not yet fetched from the API. The component is re-rendering ...
-1
votes
1
answer
78
views
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'detailUrl') at Buynow.js:57:1
I'm working on cart page of my amazon clone project.whenevr user add product i want to displa that at this cart page.but I'm facing some issue. in buynow i'm trying to access data using e keyword. but ...
0
votes
1
answer
86
views
Cannot read properties of undefined (reading 'user') TypeError: Cannot read properties of undefined (reading 'user')
I am trying to register user and I am getting error as user is undefined I am getting error in reducer whenever i click register the user then this error window appear and then the user is ...
-1
votes
1
answer
19
views
image not found error come when i try to update tiltle and description field only in mern stack with cloudinary
i got this error : error in blog post: {
message: 'Resource not found - https://res.cloudinary.com/cloud_name/image/upload/v1700847934/blog-mern-app/kzg1lxdqfnt2asls0mgq.jpg',
name: 'Error',
http_code:...
0
votes
0
answers
36
views
How do i solve the connect ETIMEDOUT issue with nodemailer
When i try to run a request through POSTMAN to send a mail, I get an error
dotenv.config();
const { AUTH_EMAIL, AUTH_PASSWORD, APP_URL } = process.env;
let transporter = nodemailer.createTransport({
...
0
votes
0
answers
33
views
When i run this npm i coomand in console, i'm getting following errors
C:\Users\INTAG\Desktop\Topics in Cs\MERN project> npm i axios react-alert react-alert-template-basic react-helmet react-redux redux redux-thunk redux-devtools-extension react-router-dom overlay-...
0
votes
0
answers
69
views
I'm getting this error "the "path" argument must be of type string. receved an instance of array" when i try to upload more than 2 img to cloudinary
This is my Create product code.I Thought it was multiple issue in frontend input tag but sadly it was not the issue. The problem is quantity of images not their size. The project is created using MERN....
-1
votes
0
answers
21
views
React Router Links Not Triggering JavaScript Actions Until Page Refresh
I'm encountering a peculiar issue in my React web application where, upon navigating to a new page using React Router's Link, the JavaScript actions such as button clicks or even navigating through ...
3
votes
1
answer
83
views
Dockerize a Typescript MERN monorepo that uses pnpm workspaces
I have a project with the following folder structure, it's a typescript monorepo that has two apps (client and api) and a shared library (shared), both the backend and the frontend depend on the ...
0
votes
1
answer
24
views
How to keep track of amount of actions done in Todo app
I am building a MERN stack todo app, I want to have a indicator where it shows how many todos I have and how many I have done. my todo in MongoDB, has 2 attributes (todo(action), status(true or false))...
0
votes
0
answers
17
views
Error while deploying a python code with mern stack backend using render
I am working on a web app using mern stack. At initial stage i pushed the backend code into gitHub and deployed it in render and it was working fine. Now i need a functionality. There is a button in ...
0
votes
0
answers
17
views
how to send jwt token across different domain , i cant get my jwt token after deployment
this is my jwt token code
and this is login code
my frontend is in https://hsc-momento.netlify.app/
backend is in https://hsc-momento-backend.onrender.com
how to send jwt token across different ...
0
votes
0
answers
14
views
How can I easily set up a MERN stack with existing code?
I am attempting to complete a website for my senior project and wish to develop a MERN stack on Ubuntu as I was told to "pick something I have never worked with before that will help in the job ...
0
votes
0
answers
49
views
How to render HTML into video?
With NodeJS, is there a scalable way to:
Grab a web page's html
Render it into a mp4 video that looks like someone scrolling on it
I thought about using puppeteer with ffmpeg but that sounds ...
0
votes
0
answers
43
views
Nodemailer and Outlook failing to send a message
While working on a MERN application, I decided to create a "Forgot Password" functionality. This is done by making a sendEmail utility and two functions in the userController.js file found ...
0
votes
0
answers
16
views
I am developing portfolio mern stack app and using GMail account by using OAuth2 in addition to creating a React.js Form to send an email
whenever i submit the form i get this error
PS D:\Porfolio> node server.js
node:events:505
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE: address already in use :::8080
at Server....
0
votes
1
answer
40
views
I'm getting error "This page isn’t working. If the problem continues, contact the site owner. HTTP ERROR 405" when I try test regstering
I'm trying to build a signup/login page but when I try to register, I get Http error 405.
Here are my codes:
User.js
require("dotenv").config(); // load .env variables
const express = ...
0
votes
0
answers
13
views
Cannot authenticate in app using vite network
I m working on a real time chat app build with MERN Stack . I m using vite to set up my react front-end. As this is a real time chat application i want to see or open it in two devices simultaneously ...
-1
votes
1
answer
31
views
Error [ERR_HTTP_HEADERS_SENT] , Why this error occurs?
I am getting this error while trying to add authentication for my project.
This controller has a middleware that authenticates the user.
exports.fetchOne = (req, res) => {
const _id = req.params....
1
vote
0
answers
30
views
Unauthorized: No valid token provided
I am building full stack MERN project, frontend is done now it's time for backend.
There is school registration which is working properly and data is getting updated to database (MongoDB Atlas) once ...
1
vote
0
answers
19
views
Image Upload & Editing: Implementing in-browser cropping and storing edited images on the server using MERN stack
I'm working on a project where I want to allow users to upload images, perform in-browser cropping, and store the edited images on the server. I'm using the MERN stack (MongoDB, Express.js, React, ...
0
votes
0
answers
82
views
node:internal/errors:496 ErrorCaptureStackTrace(err); ^ Error [ERR_MODULE_NOT_FOUND]: Cannot find module
node:internal/errors:496
ErrorCaptureStackTrace(err);
^
Error [ERR_MODULE_NOT_FOUND]: Cannot find module
server\controllers\authController.js
at new NodeError (node:internal/errors:405:5)
...
0
votes
0
answers
12
views
encountering a scrolling issue where individual components or images within component are also scrolling independently,why?
im working on mern stack use tailwindcss for styling,im encountering a scrolling issue where individual components or images within your TelecomsStrategy component are also scrolling independently.I ...
-1
votes
0
answers
14
views
MERN App landing page photo loads on localhost:3000 but not to Heroku deployed site
I have created a MERN social media app that uses graphQL and Apollo. When I enter npm run develop in the CLI, the page loads perfectly including the image on the Welcome.jsx component, but only on ...
-1
votes
1
answer
23
views
Linkedin post inspector - redirect 400 error
i really need you help,
i have a website i developed using mern stack, which i want to be able to share with linkedin.
i did took care of the ssr for the facebook and whatsapp crawler and they both ...
0
votes
0
answers
15
views
MERN GridFS get audio from database MongoDB
How to correctly play audio on a page in a browser (GridFS). Uploading audio to the database MongoDB is in progress.I have structure MERN server-> 1.controllers-> auth.js , meditation.js , mood....
0
votes
0
answers
16
views
Error while making a login authentication page using node express mongoose
i am stuck with this error and neither me nor chatgpt is able to figure out, i have provided my "index.js" file
var express = require('express');
var router = express.Router();
const ...
0
votes
2
answers
63
views
Issue with Google OAuth login in React app - Works on localhost but not on domain server
I'm facing an issue with Google OAuth login in my React app. The authentication process works perfectly on localhost, but when deployed to a domain server (hosted on Vercel), the login is not ...
1
vote
0
answers
71
views
NodeJS Crypto throws "Error: error:1C80006B:Provider routines::wrong final block length"
I am running a MERN app where I store encrypted user data. When retreiving the data, the data should be decrypted.
This is the code that I use for encrypting and decrypting the data
const crypto = ...
0
votes
0
answers
24
views
Can't fetch specific data from database and display in react front end
I am trying to pass product id from productCard to product detail page. It directs to the detail page but don't display data get from the database. I can get specific data through postman and backend ...
0
votes
0
answers
17
views
How to generate a MongoDB Atlas collection automatically once a business or user signs up for my app?
My app is built in the MERN stack. Once a new business signs up for the app, I want to auto-generate a mongoDB collection for them. I need every business to have its own Monggodb collection but right ...
-1
votes
0
answers
40
views
Cross-Origin Request Blocked in production but work fine in locally
enter code heremy e-commerce website is work properly in local but when i deploy this application in cyclic it shows in CORS error. But locally work fine.
import express from 'express'
import dotenv ...
1
vote
0
answers
40
views
When running images/containers on Docker Desktop keeps giving me error /usr/app/node_modules/.bin/../node/bin/node: 1: This: not found
I am trying to Dockerize a MERN Stack on VSCode in Windows 11 using Docker Desktop. The docker-compose builds the backend, frontend, and mongodb images correctly. However, whenever I try to run the ...
-1
votes
1
answer
64
views
cookie not being set in frontend browser
since almost a week i've been trying to set cookie through backend in browser using node express but no matter how hard i try it never set the cookie i,am tired of repeating same steps i've set ...