首页 文章

反应导入模块错误

提问于
浏览 次
0

简单地说，我想要做的是导出一个函数，它创建一个mongodb查询并将其导入到反应组件中，这样我就可以在那里调用它并显示数据 .

这是我不断得到的错误：./ node_modules/require_optional/node_modules/resolve-from/index.js找不到模块：无法解析'/ Users / paul / Desktop / TempProject / Dietx / dietxweb / node_modules中的'module' / require_optional / node_modules /决心，从”

反应成分，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()
    })
  )
}
javascript mongodb reactjs

1 回答

  • 1

    更改

    export const getItemList = ()=>{

    至

    export default function getItemList() {

    您正在使用的语法是从模块导入默认成员，但您的模块未定义默认成员 .

    或者，您可以使用语法

    import {getItemList} from ...

    回复于

相关问题