Skip to content

myModule/fetchById issue? #339

@moreorover

Description

@moreorover

Hello all,

I'm currently trying to fetch a document by its ID. Everything works great if the id exists in the collection, however, if document does not exist with given ID the promise does not proc the catch clause on the function.

trying to fetch document by its id:

{
      path: "/supplier/:id",
      name: "Supplier Show",
      component: () => import("../views/SupplierShow.vue"),
      props: true,
      beforeEnter(routeTo, routeFrom, next) {
        store
          .dispatch("suppliersModule/fetchById", routeTo.params.id)
          .then(supplier => {
            routeTo.params.supplier = supplier;
            next();
          })
          .catch(error => {
            console.log("catch");
            console.log(error);
            next({ name: "404", params: { resource: error.toString() } });
          });
      }
    },

Console shows the following:
image

Shouldn't invalid ID proc the catch clause so the router could reroute to the error page? I have tried capturing the error, however, the code breaks within vuex-easy-firestore code.

Note. Logging mode disabled. When enabled, then returns a string indicating an issue that it couldn't find a document with a given ID.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions