CODEWITHSUNDEEP
javascriptmongodbreactjs
Zach Frotten
Zach Frotten

Reputation: 23

React import module error

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()
    })
  )
}

Upvotes: 0

Views: 2768

Answers (1)

Deadron
Deadron

Reputation: 5289

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 ...

Upvotes: 1

Related Questions