javascript - 使用nodejs和mongodb的UnhandledPromiseRejection问题

问题描述

我用node js写的服务运行流畅，我成功创建了create，delete，put，read from postman。当我在 React 界面上按下删除按钮时，我得到了我在下面分享的错误。当我按下删除按钮时，将触发 deleteUser() 方法。它给出了一个与 id 相关的错误。我应该改变什么来解决这个错误？

https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:16381) UnhandledPromiseRejectionWarning: CastError: Cast to ObjectId failed for value "${id}" at path "_id" for model "User"
    at new CastError (/home/mutlueren/Desktop/mern-demo-app/backend/node_modules/mongoose/lib/error/cast.js:29:11)
    at model.Query.exec (/home/mutlueren/Desktop/mern-demo-app/backend/node_modules/mongoose/lib/query.js:4331:21)
    at model.Query.Query.then (/home/mutlueren/Desktop/mern-demo-app/backend/node_modules/mongoose/lib/query.js:4423:15)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
(node:16381) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 3)

模型

const mongoose = require('mongoose')
const Schema = mongoose.Schema

newSchema = new Schema({
    name : String,
    email : String,
    password : String
})

module.exports = mongoose.model('User', newSchema)

路线

/* find user by id */
router.get('/:id',(req, res) =>{
    User.findById(req.params.id, (err, data) =>{
        res.json(data)
    })
})

/* delete user by id */
router.delete('/:id', async (req, res) =>{
    await User.findByIdAndDelete(req.params.id)
    res.json({'message':'deleted'})
})

/* create */
router.post('/',(req,res)=>{
    user = new User({
        name:req.body.name,
        email:req.body.email,
        password:req.body.password
    })

    user.save(()=>{
        res.json(user)
    })
})

/* update */
router.put('/:id', async (req, res)=>{
    await User.findByIdAndUpdate(req.params.is, req.body)
    res.json({'message':'updated'})
})

反应用户界面

constructor(props) {
    super(props);
    this.state = {
        users : [],
        id:0,
        name:'',
        email:'',
        password:''
    }
}

componentDidMount() {
    axios.get('http://localhost:8080/api')
        .then((res)=>{
          this.setState({
              users:res.data,
              id:0,
              name:'',
              email:'',
              password:''
          })
    })
}

nameChange = event =>{
    this.setState({
        name:event.target.value
    })
}

emailChange = event =>{
    this.setState({
        email:event.target.value
    })
}

passwordChange = event =>{
    this.setState({
        password:event.target.value
    })
}

submit(event, id) {
    event.preventDefault()
    if(id === 0) {
        axios.post('http://localhost:8080/api', {
            name: this.state.name,
            email: this.state.email,
            password: this.state.password
        })
        this.componentDidMount()
    }else{
        axios.put('http://localhost:8080/api/${id}', {
            name: this.state.name,
            email: this.state.email,
            password: this.state.password
        })
        this.componentDidMount()
    }
}

deleteUser(id){
    axios.delete('http://localhost:8080/api/${id}')
        .then(()=>{
            this.componentDidMount()
        })
}

editUser(id){
    axios.get('http://localhost:8080/api/${id}')
        .then((res)=>{
            this.setState({
                name:res.data.name,
                email:res.data.email,
                password:res.data.password
            })
        })
}

包.json

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "watch": "nodemon ./index.js",
    "start": "node index"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "cors": "^2.8.5",
    "express": "^4.17.1",
    "mongoose": "^5.9.7"
  },
  "devDependencies": {
    "nodemon": "^2.0.2"
  }
}

标签： javascriptnode.jsreactjsmongodb

componentDidMount() { axios.get('http://localhost:8080/api') .then((res)=>{ this.setState({ users:res.data, id:0, <- You've set this to zero. name:'', email:'', password:'' }) }) }

javascript - 使用nodejs和mongodb的UnhandledPromiseRejection问题

问题描述

解决方案

推荐阅读