jQWidgets Forums

jQuery UI Widgets › Forums › Angular › jqxlayout demo error

Tagged: 

This topic contains 2 replies, has 1 voice, and was last updated by  softboy99 8 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    jqxlayout demo error Posts
  • April 9, 2017 at 11:36 am jqxlayout demo error #92805

    softboy99
    Participant

    i create an angular4.0 project with webstorm and copy all of your jqxlayout demo code to the project but run with failed error:

    toast.js:187 DOMContentLoaded -> isToastRequested:false
    core.es5.js:1084 ERROR TypeError: a(…)[c] is not a function
    at Object.createInstance (eval at webpackJsonp.40.module.exports (addScript.js:9), <anonymous>:8:17979)
    at jqxLayoutComponent.createComponent (angular_jqxlayout.ts:101)
    at angular_jqxlayout.ts:38
    at e.invokeTask (zone.min.js:1)
    at Object.onInvokeTask (core.es5.js:4116)
    at e.invokeTask (zone.min.js:1)
    at t.runTask (zone.min.js:1)
    at invoke (zone.min.js:1)
    at n (zone.min.js:1)
    defaultErrorLogger @ core.es5.js:1084
    ErrorHandler.handleError @ core.es5.js:1144
    next @ core.es5.js:4754
    schedulerFn @ core.es5.js:3828
    SafeSubscriber.__tryOrUnsub @ Subscriber.js:236
    SafeSubscriber.next @ Subscriber.js:185
    Subscriber._next @ Subscriber.js:125
    Subscriber.next @ Subscriber.js:89
    Subject.next @ Subject.js:55
    EventEmitter.emit @ core.es5.js:3814
    NgZone.triggerError @ core.es5.js:4185
    onHandleError @ core.es5.js:4146
    e.handleError @ zone.min.js:1
    t.runTask @ zone.min.js:1
    invoke @ zone.min.js:1
    n @ zone.min.js:1
    core.es5.js:1084 ERROR TypeError: a(…)[c] is not a function
    at Object.createInstance (eval at webpackJsonp.40.module.exports (addScript.js:9), <anonymous>:8:17979)
    at jqxTreeComponent.createComponent (angular_jqxtree.ts:112)
    at angular_jqxtree.ts:49
    at e.invokeTask (zone.min.js:1)
    at Object.onInvokeTask (core.es5.js:4116)
    at e.invokeTask (zone.min.js:1)
    at t.runTask (zone.min.js:1)
    at invoke (zone.min.js:1)
    at n (zone.min.js:1)

    April 9, 2017 at 12:32 pm jqxlayout demo error #92807

    softboy99
    Participant

    after checking i fixed some error for missing import jqxlayout and jqxtree script in index.html but still encounter the following error:
    zone.js:23 Uncaught Error: Zone already loaded.
    at k (zone.min.js:1)
    at zone.js:23
    at zone.js:1127
    at NO_ZONE.name (zone.js:9)
    at Object.<anonymous> (zone.js:12)
    at Object.<anonymous> (zone.js:2067)
    at __webpack_require__ (bootstrap c1c1c10…:52)
    at Object.<anonymous> (polyfills.ts:1)
    at __webpack_require__ (bootstrap c1c1c10…:52)
    at Object.<anonymous> (zone.js:2067)
    at __webpack_require__ (bootstrap c1c1c10…:52)
    at webpackJsonpCallback (bootstrap c1c1c10…:23)
    at polyfills.bundle.js:1

    the following is the index.html:
    <!doctype html>
    <html>
    <head>
    <meta charset=”utf-8″>
    <title>ILab</title>
    <base href=”/”>

    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <link rel=”icon” type=”image/x-icon” href=”favicon.ico”>
    <!– JQuery and jQWidgets Library –>
    <script src=”../node_modules/jqwidgets-framework/scripts/jquery-1.11.1.min.js”></script>
    <script src=”../node_modules/jqwidgets-framework/jqwidgets/jqxcore.js”></script>
    <script src=”../node_modules/jqwidgets-framework/jqwidgets/jqxribbon.js”></script>
    <script src=”../node_modules/jqwidgets-framework/jqwidgets/jqxlayout.js”></script>
    <script src=”../node_modules/jqwidgets-framework/jqwidgets/jqxtree.js”></script>

    <!– Angular –>
    <script src=”../node_modules/core-js/client/shim.min.js”></script>
    <script src=”../node_modules/zone.js/dist/zone.min.js”></script>
    <script src=”../node_modules/zone.js/dist/long-stack-trace-zone.min.js”></script>
    </head>
    <body>
    <app-root>Loading…</app-root>
    </body>
    </html>

    April 9, 2017 at 1:16 pm jqxlayout demo error #92808

    softboy99
    Participant

    hi, i have fixed it myself. it’s a polyfills.ts issue which import zone.js already and remove it. its ok now.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.