React import module error

Question

Simply what im trying to do is export a function that make a mongodb query and import it into a react component so i can call it there and display the data.

this is the error i keep getting: ./node_modules/require_optional/node_modules/resolve-from/index.js Module not found: Can't resolve 'module' in '/Users/paul/Desktop/TempProject/Dietx/dietxweb/node_modules/require_optional/node_modules/resolve-from'

react component, Diet.js:

import React, {Component} from  'react';
import getItemList from '../server/api.js';
import ReactList from 'react-list';




class Diet extends Component {
  constructor(props){
    super(props)
    this.state ={
      Calories : 3000,
      Items: [],
    }
  }
  componentWillMount(){

  }

  render(){
    return(
      <div className="diet-container">
        <p>lol</p>
      </div>
    )
  }
}
export default Diet;

API, api.js:

const mongo = require('mongodb');



export const getItemList = ()=>{
  var url = "mongodb://localhost:27017/food"

  return(
    mongo.connect(url)
    .then((db)=>{
      return db.collection('foodInfo')
    })
    .then((res)=>{
      return res.find().toArray()
    })
  )
}

Deadron · Accepted Answer · 2017-09-28 16:46:45Z

1

Change

export const getItemList = ()=>{

to

export default function getItemList() {

The syntax you are using is importing the default member from the module but your module does not define a default member.

Alternatively, you could use the syntax

import {getItemList} from ...

edited Sep 28, 2017 at 16:46

answered Sep 28, 2017 at 16:33

Deadron

5,2891 gold badge18 silver badges28 bronze badges

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

6 Comments

Zach Frotten Over a year ago

its gives me new error unexpected token(5:15) pointing at the const keyword

Deadron Over a year ago

Hmm looking at the syntax on developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… it looks like you may not be able to export a const variable as a default. I will update the answer with the correct syntax.

Zach Frotten Over a year ago

now im back to the original error. ./node_modules/require_optional/node_modules/resolve-from/index.js Module not found: Can't resolve 'module' in '/Users/paul/Desktop/TempProject/Dietx/dietxweb/node_modules/require_optional/node_modules/resolve-from'

Deadron Over a year ago

Make sure you have run npm install

Zach Frotten Over a year ago

i have. i even installed 'module' alone. in a react project the node module folder is supposed to sit outisde of the src and public folders right, like at the root of the directory?

|

Collectives™ on Stack Overflow

React import module error

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related