Questions tagged [mern]

MERN stands for Mongo, Express, React and NodeJS.

Filter by
Sorted by
Tagged with
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 "...
Ashwin Rangani's user avatar
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....
Badamdorj Enkhbilguun's user avatar
-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 ...
Athar Raza's user avatar
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 ...
Macubi's user avatar
  • 13
-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 ...
minasamy's user avatar
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 ...
Aymen's user avatar
  • 1
-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 ...
Yash Tiwari's user avatar
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 ...
johnny smith's user avatar
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 ...
Alexsander's user avatar
-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.
modir bentalab's user avatar
-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 ...
Sathwik Nayak's user avatar
-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 ...
siki fazal's user avatar
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 ...
souravsk_08's user avatar
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. ...
Andrew Avola's user avatar
-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 ...
Sneha's user avatar
  • 1
-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 ...
Shalik Rizni's user avatar
-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 ...
Ismail Mabrouki's user avatar
-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 ...
Supriya Mohare's user avatar
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 ...
Mrunal Kashid's user avatar
-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:...
simple coding's user avatar
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({ ...
UniqueOlga's user avatar
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-...
Ali Chughtai's user avatar
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....
Noob programmer's user avatar
-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 ...
Tech 4 Jazz's user avatar
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 ...
Ismail_Aj's user avatar
  • 302
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))...
Murad PETROSYAN's user avatar
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 ...
Sudev K U's user avatar
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 ...
HCharchi's user avatar
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 ...
Kayla's user avatar
  • 11
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 ...
Pedro Santos's user avatar
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 ...
Tareq El-Sayyed's user avatar
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....
Mrunal Kashid's user avatar
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 = ...
Ronika's user avatar
  • 11
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 ...
Neilson Programmer's user avatar
-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....
GOKULNATH RS's user avatar
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 ...
M J's user avatar
  • 11
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, ...
hussain ashraf's user avatar
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) ...
Ali Al-gharib's user avatar
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 ...
Farkadan Musliosov's user avatar
-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 ...
sherryboberry85's user avatar
-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 ...
Avi Buganim's user avatar
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....
Hali Mal's user avatar
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 ...
user17023787's user avatar
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 ...
Sameer Khan's user avatar
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 = ...
Jeshuwa Bradley's user avatar
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 ...
WADD Samindika's user avatar
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 ...
Ben Gican II's user avatar
-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 ...
Adarsh Rawat's user avatar
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 ...
Pranav Rao's user avatar
-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 ...
webdevShubhamKumar's user avatar

1
2 3 4 5
69