Ionic 3 Integration #235
Description
Help avoid duplicate issue reports, check existing issues
Environment details
Mac OSX EL Capitan 10.11.5, Google Chrome 57.0.2987.133
Did this work before?
Ionic 1, yes.
Expected behavior
Correct launch of Quickblox init call.
Actual behavior
Error on qb.init(); Error complains about missing strophe.js dependency.
Logs
(please, switch on a debugging mode and share us outputs uses github gist)
main.js:1365 ERROR Error: Uncaught (in promise): ReferenceError: Strophe is not defined
ReferenceError: Strophe is not defined
at Object. (main.js:279360)
at webpack_require (main.js:20)
at QuickBlox.init (main.js:289481)
at QuickbloxFactory.init (main.js:85741)
at new QuickbloxFactory (main.js:85738)
at createClass (main.js:11115)
at createProviderInstance (main.js:11087)
at createProviderInstance (main.js:10928)
at createViewNodes (main.js:12294)
at createRootView (main.js:12209)
at Object.createProdRootView [as createRootView] (main.js:12787)
at ComponentFactory.create (main.js:10146)
at ComponentFactoryBoundToModule.create (main.js:3727)
at NavControllerBase._viewInit (main.js:89263)
at NavControllerBase._nextTrns (main.js:89075)
at Object. (main.js:279360)
at webpack_require (main.js:20)
at QuickBlox.init (main.js:289481)
at QuickbloxFactory.init (main.js:85741)
at new QuickbloxFactory (main.js:85738)
at createClass (main.js:11115)
at createProviderInstance (main.js:11087)
at createProviderInstance (main.js:10928)
at createViewNodes (main.js:12294)
at createRootView (main.js:12209)
at Object.createProdRootView [as createRootView] (main.js:12787)
at ComponentFactory.create (main.js:10146)
at ComponentFactoryBoundToModule.create (main.js:3727)
at NavControllerBase._viewInit (main.js:89263)
at NavControllerBase._nextTrns (main.js:89075)
at g (polyfills.js:3)
at l (polyfills.js:3)
at l (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (main.js:4416)
at t.invokeTask (polyfills.js:3)
at n.runTask (polyfills.js:3)
at a (polyfills.js:3)
at XMLHttpRequest.invoke (polyfills.js:3)
Steps to reproduce the behavior
Any others comments?
Init Call:
public init () {
QB.init(this.appCredentials.appId, this.appCredentials.key, this.appCredentials.secret);
console.log(QB);
}
I was able to work around the issue by manually installing strophe.js and copyinging it to a source folder and referencing it via index.html as described in here: https://forum.ionicframework.com/t/integrate-quickblox-in-ionic-2/81726/4.
I have used quickblox with Ionic 1 and did not encounter this issue, don't know if its an issue with Ionic or typescript.