Search code examples
javascriptnode.jsangularnativescript

What cause "Error: Uncaught (in promise): Response with status:200 for Url:null" to show up?


I'm accessing a Mongo database through NodeJS and Express as below:

var MongoClient = require('mongodb').MongoClient;
    ...
    app.get("/app/visits", function (req, res, next) {
      console.log("get visits");
      MongoClient.connect('mongodb://localhost:27017/db', function (err, db) {
        if (!err) { console.log("We are connected"); }
        visits = db.collection('visits', function (err, collection) { });
        visits.find().toArray(function (err, user) {
          this.user = JSON.stringify(user);
          if (err) { throw err; } else console.dir(this.user);
        });
        res.send(this.user);
      });
    });

In the browser this works fine. If I change res.send(this.user); to res.status(301).send(this.user); the status is also changed. But the problem, Angular 2 with native script code returns the error:

getActualVisits()
     {  
        return this.http.get("http://localhost:1234/app/visits").map(response => response.json())
      }

I have no idea WHY after 7 hours of trying repair that. Method getActualVisits() is calling from:

 getActualSpecialization() {
    let v = this.getActualVisits();
...
}

Solution

  • You need to call .subscribe after .map in order to observe the values that are returned.

    getActualVisits() {  
        return this.http.get("http://localhost:1234/app/visits")
            .map(response => response.json())
            .subscribe(
                data => this.actualVisits = data,
                err => this.logError(err),
                () => console.log('get actual visits complete')
             );
    }
    

    See the following docs for more information https://auth0.com/blog/2015/10/15/angular-2-series-part-3-using-http/