TypeError when importing mongoose npm module in React app

Question

In my react project, within a component, I want to include a npm module like so:

var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/test', {useNewUrlParser: true});

This does work in regular node js, react however shows a TypeError: mongoose.connect is not a function. Trying import mongoose from 'mongoose' returns a TypeError: mongoose__WEBPACK_IMPORTED_MODULE_4___default.a.connect is not a function.

How do I use npm packages in a react app? Do I need meteor (I've heard of it, but I don't understand what it does)?

ettakhi · Accepted Answer · 2020-01-27 16:23:35Z

1

you can't use mongoose in the browser in anything other than validation => doc

Mongoose supports creating schemas and validating documents in the browser. Mongoose's browser library does not support saving documents, queries, populate, discriminators, or any other Mongoose feature other than schemas and validating documents.

answered Jan 27, 2020 at 16:23

ettakhi

1871 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jan Berndt Over a year ago

Thanks. Do you know how to access data from a mongodb from the browser?

ettakhi Over a year ago

you can't do that in the client side, you have to go through a backend like nodejs

Collectives™ on Stack Overflow

TypeError when importing mongoose npm module in React app

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related