Throws error after 'import mongodb'

The whole application throws an error after import 'mongodb'

App.js file
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import 'bulma/css/bulma.css';
import 'mongodb';
.....

Error message outputs
client:47 ./~/resolve-from/index.js Module not found: Error: Cannot resolve module 'module' in W:\FAdeniyi\My Documents\sublime\ipay\node_modules\resolve-from resolve module module in W:\FAdeniyi\My Documents\sublime\ipay\node_modules\resolve-from looking for modules in W:\FAdeniyi\My Documents\sublime\ipay\node_modules W:\FAdeniyi\My Documents\sublime\ipay\node_modules\module doesn't exist (module as directory) resolve 'file' module in W:\FAdeniyi\My Documents\sublime\ipay\node_modules resolve file W:\FAdeniyi\My Documents\sublime\ipay\node_modules\module doesn't exist W:\FAdeniyi\My Documents\sublime\ipay\node_modules\module.js doesn't exist W:\FAdeniyi\My Documents\sublime\ipay\node_modules\module.json doesn't exist [W:\FAdeniyi\My Documents\sublime\ipay\node_modules\module] [W:\FAdeniyi\My Documents\sublime\ipay\node_modules\module] [W:\FAdeniyi\My Documents\sublime\ipay\node_modules\module.js] [W:\FAdeniyi\My Documents\sublime\ipay\node_modules\module.json] @ ./~/resolve-from/index.js 3:13-30

[gaearon]

Isn’t mondogb meant to be used from Node? I don’t think it works in browser but I might be wrong.

[gaearon]

Yup, it won’t work in browser by design.
https://jira.mongodb.org/browse/NODE-698

Understood. Is there a way to include the module in node but not the browser?

[gaearon]

Not sure what you mean. Create React App is only for the browser, it doesn’t use Node server rendering.

Oh right. I understand fully now. 👍

[gaearon]

No worries, feel free to ask if you stumble into other issues.

Hi, been searching around for a clear answer but none so far, hoped you could help. I have the mongodb module, is there a setting to not include it in the browser/webpack but still in node?

[Sigmus]

Sound like you may want something like this: https://www.firebase.com/docs/web/quickstart.html

[gaearon]

@femiruby

This setup is not meant for server-rendered apps. So I’m not sure why you want to “not include it in the browser/webpack but still in node” because this setup is not for Node at all.

Firebase looks like an option. @gaearon the reason is because it seems impossible to use a database with webpack?

[mxstbr]

@femiruby you're working on the frontend side of things here, i.e. in the browser! What you want to do is access a database, which is a backend task that is done in the node process, that's an entirely different thing. You'll have to spin up a separate server in another terminal window that you write yourself with e.g. express.js!

[gaearon]

Yep. Then you would use something like fetch() to talk from the frontend React app to your Node (or whatever) backend app.

Check out this tutorial:
https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/

I hope this helps! It doesn't use a real database, but you can take that example Node app and add Mongo to it.

Thanks @mxstbr and @gaearon for the link. It pointed me in the right direction, I now have something similar to that setup. Just one more request: how can I link to another page within the app?

No worries. Its React Routers