Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Miguel Domingues
35
IGX-GRID - Application breaks
posted

I'm having this problem when I try to use a igx-grid, all other components work fine.

Versions: package.json

 "dependencies": {
    "@angular/animations": "~8.2.5",
    "@angular/cdk": "^8.2.3",
    "@angular/common": "~8.2.5",
    "@angular/compiler": "~8.2.5",
    "@angular/core": "~8.2.5",
    "@angular/forms": "~8.2.5",
    "@angular/platform-browser": "~8.2.5",
    "@angular/platform-browser-dynamic": "~8.2.5",
    "@angular/router": "~8.2.5",
    "@fortawesome/angular-fontawesome": "^0.5.0",
    "@fortawesome/fontawesome-free": "^5.12.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.26",
    "@fortawesome/free-solid-svg-icons": "^5.12.0",
    "@ng-bootstrap/ng-bootstrap": "^5.2.1",
    "@ngrx/effects": "^8.6.0",
    "@ngrx/store": "^8.6.0",
    "@ngrx/store-devtools": "^8.6.0",
    "@ngx-translate/core": "^11.0.1",
    "@ngx-translate/http-loader": "^4.0.0",
    "@types/hammerjs": "^2.0.36",
    "angular-auth-oidc-client": "^9.0.3",
    "chart.js": "^2.9.3",
    "flag-icon-css": "^3.4.5",
    "hammerjs": "^2.0.8",
    "igniteui-angular": "^8.2.18",
    "jszip": "^3.1.5",
    "minireset.css": "~0.0.4",
    "moment": "^2.24.0",
    "ngx-flag-icon-css": "^1.0.1",
    "primeicons": "^2.0.0",
    "primeng": "^8.1.1",
    "quill": "^1.3.7",
    "resize-observer-polyfill": "^1.5.1",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "web-animations-js": "^2.3.2",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.803.24",
    "@angular/cli": "^8.3.24",
    "@angular/compiler-cli": "~8.2.5",
    "@angular/language-service": "~8.2.5",
    "@types/facebook-js-sdk": "^2.8.6",
    "@types/hammerjs": "^2.0.35",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.0",
    "igniteui-cli": "^4.3.6",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "^5.4.3",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.5.3"
  }

Log in browser console:

zone-evergreen.js:797 Uncaught Error: Uncaught (in promise): TypeError: Cannot read property 'detach' of undefined
TypeError: Cannot read property 'detach' of undefined
at new igniteui_angular_IgxGridBaseDirective (igniteui-angular.js:53832)
at new igniteui_angular_IgxGridComponent (igniteui-angular.js:61347)
at createClass (core.js:31985)
at createDirectiveInstance (core.js:31807)
at createViewNodes (core.js:44210)
at callViewAction (core.js:44660)
at execComponentViewsAction (core.js:44565)
at createViewNodes (core.js:44239)
at createRootView (core.js:44082)
at callWithDebugContext (core.js:45632)
at resolvePromise (zone-evergreen.js:797)
at resolvePromise (zone-evergreen.js:754)
at zone-evergreen.js:858
at ZoneDelegate.invokeTask (zone-evergreen.js:391)
at Object.onInvokeTask (core.js:39680)
at ZoneDelegate.invokeTask (zone-evergreen.js:390)
at Zone.runTask (zone-evergreen.js:168)
at drainMicroTaskQueue (zone-evergreen.js:559)

  • 1080
    Offline posted

    Hello Miguel,

    Thank you for posting in our community.

    I have created and attached a small sample trying to reproduce the behavior that you are experiencing. On my side, everything works as expected. There are no errors in the console and igxGrid is displayed properly.

    Please test it on your side and let me know how it behaves.
    You can also try to delete the node_modules folder and run npm install.

    If this is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me for further investigation.

    Looking forward to hearing from you.

    8540.Sample.zip