TypeError: невозможно прочитать свойство 'items' со значением null в monogdb, используя nodejs - PullRequest
Новая
       9

TypeError: невозможно прочитать свойство 'items' со значением null в monogdb, используя nodejs

1 голос
/ 25 мая 2020

Я создаю приложение со списком задач, которое динамически добавляет элементы и динамически создает список через URL-адрес. Например: http://localhost: 3000 / Home создаст список «Home», а http://localhost: 3000 / Work создаст «Work» с предварительно добавленными значениями по умолчанию. Но когда я go через URL-адрес, например: http://localhost: 3000 / Home , и добавляю новый элемент, он выдает ошибку.

Ниже мой код для приложения. js

//jshint esversion:6

const express = require("express");
const bodyParser = require("body-parser");
const mongoose=require("mongoose");

const app = express();

app.set('view engine', 'ejs');

app.use(bodyParser.urlencoded({extended: true}));
app.use(express.static("public"));

mongoose.connect("mongodb://localhost:27017/todolistDB",{ useNewUrlParser:true , useUnifiedTopology: true });
const itemsSchema={
  name:String
};

const Item=mongoose.model("Item",itemsSchema);

const item1=new Item({
  name:"Welcome to your todolist"
});

const item2=new Item({
  name:"Hit the + button to add new item"
});

const item3=new Item({
  name:"<-- Hit this to delete an item"
});

const defaultItems=[item1,item2,item3];

const listSchema={
  name:String,
  items:[itemsSchema]
};

const List=mongoose.model("List",listSchema);



app.get("/", function(req, res) {

  // finding elements using mongoose and to check if array is empty then add items.
  // if array already contains items then array does not add same items again when starting server mupltipe times.

  Item.find({},function(err,foundItems){
    if (foundItems.length===0) {
      Item.insertMany(defaultItems,function(err){
        if (err) {
          console.log(err);
        } else {
          console.log("Saved Successfully.....");
        }
      });
      res.redirect("/");
    } else {
      res.render("list", {listTitle: "Today", newListItems: foundItems});
    }
  });




});

app.post("/", function(req, res){

  const itemName = req.body.newItem;
  const listName=req.body.list;


  const item= new Item({
    name:itemName
  });

  if(listName==="Today"){
    item.save();
    res.redirect("/");
  }
  else{
    List.findOne({name:listName},function(err,foundList){
      foundList.items.push(item); **// NODE SHELL SHOWING ERROR IN THIS LINE**
      foundList.save();
      res.redirect("/"+listName);
    });
  }


});

app.post("/delete",function(req,res){
  const checkedItemId=(req.body.checkbox);
  Item.findByIdAndRemove(checkedItemId,function(err){
    if (err) {
      console.log(err);
    } else {
      console.log("Selected item deleted successfully");
      res.redirect("/");
    }
  });
});

// app.get("/work", function(req,res){
//   res.render("list", {listTitle: "Work List", newListItems: workItems});
// });

app.get("/:customListName",function(req,res){
  const customListName=req.params.customListName;
  console.log(customListName);
  List.findOne({name:customListName},function(err,foundList){
    if(!err){
      if(!foundList){
        // create a new list
        const list=new List({
          name:customListName,
          items: defaultItems
        });
        list.save();
        res.redirect("/"+customListName);
      }
      else{
        // show an existing list
        res.render("list",{listTitle:foundList.name,newListItems:foundList.items});
      }
    }
    });


});

app.get("/about", function(req, res){
  res.render("about");
});

app.listen(3000, function() {
  console.log("Server started on port 3000");
});

Код для list.e js

<%- include("header") -%>

  <div class="box" id="heading">
    <h1> <%= listTitle %> </h1>
  </div>

  <div class="box">
    <% newListItems.forEach(function(itemName){ %>
      <form action="/delete" method="post">


      <div class="item">
        <input type="checkbox" name="checkbox" value="<%= itemName.id %>" onChange="this.form.submit()">
        <p><%=  itemName.name  %></p>
      </div>
      </form>
      <% }) %>

      <form class="item" action="/" method="post">
        <input type="text" name="newItem" placeholder="New Item" autocomplete="off">
        <button type="submit" name="list" value="<%= listTitle %> ">+</button>
      </form>
  </div>

<%- include("footer") -%>

Любое решение, пожалуйста?

Ответы [ 2 ]

1 голос
/ 28 июля 2020

Убрать лишний пробел из этой строки. Будет работать нормально. 

<button type="submit" name="list" value="<%= listTitle %>">+</button>
1 голос
/ 25 мая 2020 
app.post("/",async function(req, res){

  const itemName = req.body.newItem;
  const listName=req.body.list;
  const item= new Item({
    name:itemName
  });
  if(listName==="Today"){
   await item.save();
    res.redirect("/");
  }
  else{
    const listOne = await List.findOne({name:`favico.ico`})//listName Is "Today" //there is no name=="Today" , hence null 
    console.log(listOne) //gives the result
 res.redirect("/"+listName); 
    }
});
...