Connect MongDb and update the values

Question

My goal is to update values that stored in MongoDB, therefore I have decided to use mongoose to see data and edit them, However; it gives me an error. Maybe I am in the wrong way, does anybody has already implemented this kind work.

import * as React from "react";
import * as mongoose from 'mongoose'

export interface State {

}

export default class mongodb extends React.Component<State> {


    constructor(props: {}) {
        super(props);

    }
    private setupDb() : void {
        var mongoDb = 'mongodb://localhost/My_db';
        mongoose.connect(mongoDb);
        console.info("Connected to Mongo.")
        var db = mongoose.connection;
        db.on('error', console.error.bind(console, 'MongoDB Connection error'));
    }

    componentDidMount(){
        this.setupDb()
    }
    render() { 
        return (<div></div>  );
    }
}

The error:

TypeError: mongoose__WEBPACK_IMPORTED_MODULE_1__.connect is not a function

It is not advisable to connect directly to your database from react. The code and the link to your database will be available to the user in the front end. Security issue. You should be using a backend to handle calls from react. — Falah Abu Hassan
– Falah Abu Hassan, Commented Jul 23, 2019 at 13:03
Yes I know, I am just testing, first of all, and need to change from the front side then backend. Is there any way to edit? and why this error comes. — Elvin
– Elvin, Commented Jul 23, 2019 at 13:14

Jonas Rosenqvist · Accepted Answer · 2019-07-23 13:26:56Z

It looks like you're trying to connect to the database from the application frontend. You need to do this in the backend.

In your backend, make sure you run npm install mongoose. Once that is done, I think your code will execute without any problems. Alternatively, this is how I've done it:

var mongoose = require("mongoose");

const connect = () => {
  mongoose.connect("mongodb://[username]:[password]@1[host]:[port]/[database]");
  //e.g. "mongodb://My_db_user:pw1234@localhost:27017/My_db"
  var db = mongoose.connection;
  db.on("error", console.error.bind(console, "connection error:"));

  db.once("open", function() {
    console.log("Connected to mongo..")
  });
};

Followed by a call to connect() somewhere in your startup script. If you don't require any authentication for accessing your database, and you're running on the default port of 27017, you should be able to use your connection URI (mongodb://localhost/My_db).

Falah Abu Hassan · Accepted Answer · 2019-07-23 13:31:13Z

1

package shipped to frontend by mongoose does not have the connect function.

you can only connect using a backend.

see here Calling mongoose from react client side

answered Jul 23, 2019 at 13:31

Falah Abu Hassan

1152 silver badges11 bronze badges

Collectives™ on Stack Overflow

Connect MongDb and update the values

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related