Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Angular + Onsen setImmediate error

  • Hi - I’m new to Onsen and Angluar. Just trying to get a blank program to work with a browser that says “test.” I have a brand new project started clean with

    ng new new-project

    I follow the guide for Angular 2 + Onsen and install onsen

    npm install onsenui ngx-onsenui --save

    I add the necessary modifications to app.module.ts

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { AppRoutingModule } from './app-routing.module';
    import { AppComponent } from './app.component';
    import { OnsenModule } from 'ngx-onsenui';
    import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
      declarations: [
      imports: [
      schemas: [
      providers: [],
      bootstrap: [AppComponent]
    export class AppModule { }

    I add the modification to angular.json

    "styles": [

    And…then Compile with ng serve to see what I get. Now before all of these modifications I tested the ng serve command on the newly generated new app and it works and serves a page I can see.

    When I compile and serve with these changes I successfully compile however nothing is visible in the web browser. Looking at the console I get the following run-time error:

    onsenui.js:1073 Uncaught ReferenceError: setImmediate is not defined
        at Object.push../node_modules/onsenui/js/onsenui.js.internal$1.waitDOMContentLoaded (onsenui.js:1073)
        at onsenui.js:1125
        at onsenui.js:4
        at Object../node_modules/onsenui/js/onsenui.js (onsenui.js:7)
        at __webpack_require__ (bootstrap:79)
        at Module../node_modules/ngx-onsenui/directives/ons-navigator.js (ons-navigator.js:1)
        at __webpack_require__ (bootstrap:79)
        at Module../node_modules/ngx-onsenui/ngx-onsenui.js (ngx-onsenui.js:1)
        at __webpack_require__ (bootstrap:79)
        at Module../src/app/app.module.ts (app.component.ts:8)
    push../node_modules/onsenui/js/onsenui.js.internal$1.waitDOMContentLoaded @ onsenui.js:1073
    (anonymous) @ onsenui.js:1125
    (anonymous) @ onsenui.js:4
    ./node_modules/onsenui/js/onsenui.js @ onsenui.js:7
    __webpack_require__ @ bootstrap:79
    ./node_modules/ngx-onsenui/directives/ons-navigator.js @ ons-navigator.js:1
    __webpack_require__ @ bootstrap:79
    ./node_modules/ngx-onsenui/ngx-onsenui.js @ ngx-onsenui.js:1
    __webpack_require__ @ bootstrap:79
    ./src/app/app.module.ts @ app.component.ts:8
    __webpack_require__ @ bootstrap:79
    ./src/main.ts @ environment.ts:16
    __webpack_require__ @ bootstrap:79
    0 @ main.ts:12
    __webpack_require__ @ bootstrap:79
    checkDeferredModules @ bootstrap:45
    webpackJsonpCallback @ bootstrap:32
    (anonymous) @ main.js:1

    I can’t figure out how to get past this. If anyone can help me I’d really really appreciate it!

    Thanks Kindly,

  • Any update? I’m still experiencing this error today.

  • I am also experiencing this error, any help?

  • administrators

    This is a known bug that I have now fixed but not released. Hoping to release in the first half of April.

    I’ll try to merge the fix tomorrow so you can use the master branch if you need the fix now.

  • administrators

    Fixed here:

    It’s not released yet so if you need the fix now use master instead of the latest release.