Closed Sicrum closed 7 years ago
Hello
I am trying to setup mangol in our angular2 project. We are using webpack to build clientside bundles. But we don't ue angular-cli, so there is no angular-cli.json file.
In vendor.browser.ts I have added lines:
import "openlayers/dist/ol.js"; import "proj4/dist/proj4.js"; import "jspdf/dist/jspdf.min.js";
And I see it in rendered vendor.js : https://www.screencast.com/t/Gweemn0oquW6 However I am getting this exception:
error_handler.js:46 EXCEPTION: Uncaught (in promise): ReferenceError: ol is not defined ErrorHandler.handleError @ error_handler.js:46 next @ application_ref.js:298 schedulerFn @ async.js:89 SafeSubscriber.__tryOrUnsub @ Subscriber.js:223 SafeSubscriber.next @ Subscriber.js:172 Subscriber._next @ Subscriber.js:125 Subscriber.next @ Subscriber.js:89 Subject.next @ Subject.js:55 EventEmitter.emit @ async.js:81 onError @ ng_zone.js:123 onHandleError @ ng_zone_impl.js:65 ZoneDelegate.handleError @ zone.js:207 Zone.runGuarded @ zone.js:113 _loop_1 @ zone.js:379 drainMicroTaskQueue @ zone.js:386 error_handler.js:51 ORIGINAL STACKTRACE: ErrorHandler.handleError @ error_handler.js:51 next @ application_ref.js:298 schedulerFn @ async.js:89 SafeSubscriber.__tryOrUnsub @ Subscriber.js:223 SafeSubscriber.next @ Subscriber.js:172 Subscriber._next @ Subscriber.js:125 Subscriber.next @ Subscriber.js:89 Subject.next @ Subject.js:55 EventEmitter.emit @ async.js:81 onError @ ng_zone.js:123 onHandleError @ ng_zone_impl.js:65 ZoneDelegate.handleError @ zone.js:207 Zone.runGuarded @ zone.js:113 _loop_1 @ zone.js:379 drainMicroTaskQueue @ zone.js:386 error_handler.js:52 Error: Uncaught (in promise): ReferenceError: ol is not defined at resolvePromise (http://localhost:53490/polyfills.bundle.js:7444:31) at http://localhost:53490/polyfills.bundle.js:7421:13 at ZoneDelegate.invoke (http://localhost:53490/polyfills.bundle.js:7218:28) at Object.onInvoke (http://localhost:53490/vendor.bundle.js:36760:37) at ZoneDelegate.invoke (http://localhost:53490/polyfills.bundle.js:7217:34) at Zone.run (http://localhost:53490/polyfills.bundle.js:7111:43) at http://localhost:53490/polyfills.bundle.js:7477:57 at ZoneDelegate.invokeTask (http://localhost:53490/polyfills.bundle.js:7251:37) at Object.onInvokeTask (http://localhost:53490/vendor.bundle.js:36751:37)
Do you have any ideas?
Thanks. Renat
This is now fixed. OpenLayers was needed to import as a module. Thanks!
Hello
I am trying to setup mangol in our angular2 project. We are using webpack to build clientside bundles. But we don't ue angular-cli, so there is no angular-cli.json file.
In vendor.browser.ts I have added lines:
And I see it in rendered vendor.js : https://www.screencast.com/t/Gweemn0oquW6 However I am getting this exception:
error_handler.js:46 EXCEPTION: Uncaught (in promise): ReferenceError: ol is not defined ErrorHandler.handleError @ error_handler.js:46 next @ application_ref.js:298 schedulerFn @ async.js:89 SafeSubscriber.__tryOrUnsub @ Subscriber.js:223 SafeSubscriber.next @ Subscriber.js:172 Subscriber._next @ Subscriber.js:125 Subscriber.next @ Subscriber.js:89 Subject.next @ Subject.js:55 EventEmitter.emit @ async.js:81 onError @ ng_zone.js:123 onHandleError @ ng_zone_impl.js:65 ZoneDelegate.handleError @ zone.js:207 Zone.runGuarded @ zone.js:113 _loop_1 @ zone.js:379 drainMicroTaskQueue @ zone.js:386 error_handler.js:51 ORIGINAL STACKTRACE: ErrorHandler.handleError @ error_handler.js:51 next @ application_ref.js:298 schedulerFn @ async.js:89 SafeSubscriber.__tryOrUnsub @ Subscriber.js:223 SafeSubscriber.next @ Subscriber.js:172 Subscriber._next @ Subscriber.js:125 Subscriber.next @ Subscriber.js:89 Subject.next @ Subject.js:55 EventEmitter.emit @ async.js:81 onError @ ng_zone.js:123 onHandleError @ ng_zone_impl.js:65 ZoneDelegate.handleError @ zone.js:207 Zone.runGuarded @ zone.js:113 _loop_1 @ zone.js:379 drainMicroTaskQueue @ zone.js:386 error_handler.js:52 Error: Uncaught (in promise): ReferenceError: ol is not defined at resolvePromise (http://localhost:53490/polyfills.bundle.js:7444:31) at http://localhost:53490/polyfills.bundle.js:7421:13 at ZoneDelegate.invoke (http://localhost:53490/polyfills.bundle.js:7218:28) at Object.onInvoke (http://localhost:53490/vendor.bundle.js:36760:37) at ZoneDelegate.invoke (http://localhost:53490/polyfills.bundle.js:7217:34) at Zone.run (http://localhost:53490/polyfills.bundle.js:7111:43) at http://localhost:53490/polyfills.bundle.js:7477:57 at ZoneDelegate.invokeTask (http://localhost:53490/polyfills.bundle.js:7251:37) at Object.onInvokeTask (http://localhost:53490/vendor.bundle.js:36751:37)
Do you have any ideas?
Thanks. Renat