MongoDB throwing error Module not found: 'module'

Question

I have a Mongo db setup on localhost:27017 and and trying to connect to it from my app that uses Webpack via Mongoose. I have Mongoose installed as a package. Here is my code:

import mongoose from 'mongoose';
var db = mongoose.connect('mongodb://localhost:27017/music-app');

mongoose.connection.once('connected', function() {
    console.log("Connected to database")
});

I'm pretty sure i've followed the documentation correctly but it's throwing the following compile error:

Error in ./~/mongoose/~/mongodb/~/mongodb-core/~/require_optional/~/resolve-from/index.js
Module not found: 'module' in C:\Users\new\Desktop\Development Projects\music-app\node_modules\mongoose\node_modules\mongodb\node_modules\mongodb-core\node_modules\require_optional\node_modules\resolve-from

There is also another error in the console:

webpackHotDevClient.js:216 Error in ./~/mongoose/~/mongodb/lib/mongo_client.js
Module not found: 'dns' in C:\Users\new\Desktop\Development Projects\music-app\node_modules\mongoose\node_modules\mongodb\lib

 @ ./~/mongoose/~/mongodb/lib/mongo_client.js 12:10-24

Anyone seen this before and know how to resolve it? Is there additional packages I might need to install in node?

Answer 1

This error is because you're trying to use mongodb from browser, as create-react-app is a front-end app. You should use a back-end server and use mongodb from there.

You can check out this this full-stack repo having a nodejs server with create-react-app front-end. https://github.com/fullstackreact/food-lookup-demo