Ionic Mobile Typescript issue with promise

[phingers]

Cross-posting: ionic-team/ionic-framework#13459

I'm getting this error with the MongoDB Stitch service and trying to import their sample code into my Ionic Application.

import { StitchClientFactory } from 'mongodb-stitch';
let appId = 'myappid-from-mongodb';
    const clientPromise = StitchClientFactory.create(appId);
    clientPromise.then(client => {
      const db = client.service('mongodb', 'mongodb-atlas').db('myDBname');
      client.login().then(() =>
        db.collection('Messages').updateOne({owner_id: client.authedId()}, {$set:{number:42}}, {upsert:true})
      ).then(() =>
        db.collection('Messages').find({owner_id: client.authedId()}).limit(100).execute()
      ).then(docs => {
        console.log("Found docs", docs)
        console.log("[MongoDB Stitch] Connected to Stitch")
      }).catch(err => {
        console.error(err)
      });
    });
  }

Error is:

polyfills.js:3 Uncaught TypeError: t.resolve is not a function
at Object.setNativePromise (polyfills.js:3)
at L.configurable.L.set (polyfills.js:3)
at module.exports (bson.js:298)
at $export (bson.js:106)
at Object. (bson.js:11113)
at webpack_require (bson.js:30)
at Object. (bson.js:8511)
at webpack_require (bson.js:30)
at Object. (bson.js:8372)
at Object. (bson.js:8398)

I appreciate any work arounds or ideas on how to get this working for me in Ionic Mobile Hybrid Framework!

[edaniels]

Hey @phingers, I'm taking a look into this now. Looks like it may just be a polyfill issue.

[edaniels]

@phingers, I'm unable to determine the issue exactly but it appears zone.js is overriding the Promise that mongodb-stitch expects to use. I've seen reports of this issue before outside of the Stitch SDK so I'm not sure there's anything we can do to fix it.

This seems relevant however: angular/zone.js#891

[phingers]

I have it working in IONIC without the factory by importing

<script src="https://s3.amazonaws.com/stitch-sdks/js/library/stable/stitch.min.js"></script>

into index.html

Then in my TS files, I can do something similar too.

let client = new stitch.StitchClient(appId);

		let db = client.service("mongodb", "mongodb-atlas").db("DBNAMEHERE");
    client.login().then(() =>
        db.collection('Messages').updateOne({owner_id: client.authedId()}, {$set:{number:42}}, {upsert:true})
      ).then(() =>
        db.collection('Messages').find({owner_id: client.authedId()})
      ).then(docs => {
        console.log("Found docs", docs)
        console.log("[MongoDB Stitch] Connected to Stitch")
      }).catch(err => {
        console.error(err)
      });

Hope it helps someone else until it is patched properly.

[girish-fuluskar]

Hi,

I am facing following issue.
Hope will get help.

My Use case:

Call javascript function from JS file (included in project) in ionic 4 on particular page

I having following issue.

ERROR TypeError: t.resolve is not a function
at Object.setNativePromise (polyfills.js:3)
at L.configurable.L.set (polyfills.js:3)
at n.exports (ocw.js:4850)
at a (ocw.js:4850)
at Object.209.100 (ocw.js:4851)
at s (ocw.js:4850)
at ocw.js:4850
at Object.327.131 (ocw.js:4852)
at s (ocw.js:4850)
at ocw.js:4850

Steps Followed:

1. Included JS file under src/assets
2. added reference in index.html

<script src="cordova.js"> </script> <script src="assets/ocw.js"></script>

3. In desired file, declared variable as function name
4. called javascript function under, ionViewDidLoad()

Ionic setup:

Ionic:

ionic (Ionic CLI) : 4.1.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.0

Cordova:

cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 6.4.0, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.0.2, (and 9 other plugins)

System:

ios-deploy : 1.9.2
ios-sim : 6.0.0
NodeJS : v8.12.0 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS
Xcode : Xcode 10.1 Build version 10B61

[MiguelGonzalezAravena]

@girish-fuluskar How did you resolve this? I'm facing the same issue.