question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Getting error when compiling with ng build --aot

See original GitHub issue

Describe the bug when i try to compile my angular 7, this error occured after the v2.2.4 excluded : ERROR in node_modules\ngx-joyride\joyride.d.ts.JoyrideStepComponent.html(1,47): : Object is possibly 'undefined'.

To Reproduce ng build "--aot"

Expected behavior no error when compiling my project.

Details (please complete the following information): List of the dependencies :

“dependencies”: { “@angular/animations”: “7.1.1”, “@angular/cdk”: “7.1.1”, “@angular/common”: “7.1.0”, “@angular/compiler”: “7.1.0”, “@angular/core”: “7.1.0”, “@angular/forms”: “7.1.0”, “@angular/material”: “7.1.1”, “@angular/material-moment-adapter”: “7.3.2”, “@angular/platform-browser”: “7.1.0”, “@angular/platform-browser-dynamic”: “7.1.0”, “@angular/router”: “7.1.0”, “@fortawesome/fontawesome-free”: “5.6.1”, “@fullpage/angular-fullpage”: “0.0.10”, “@mat-datetimepicker/core”: “2.0.1”, “@mat-datetimepicker/moment”: “2.0.1”, “@netbasal/ngx-content-loader”: “2.1.0”, “@ngx-i18nsupport/tooling”: “1.1.1”, “@nomadreservations/ngx-stripe”: “1.1.0”, “@swimlane/ngx-charts”: “10.0.0”, “@tinymce/tinymce-angular”: “3.0.0”, “@types/socket.io-client”: “1.4.32”, “bootstrap”: “4.1.3”, “core-js”: “2.5.4”, “dragula”: “3.7.2”, “fullcalendar”: “4.0.0-alpha”, “fullcalendar-scheduler”: “4.0.0-alpha.2”, “hammerjs”: “2.0.8”, “highcharts”: “7.0.3”, “highcharts-angular”: “2.4.0”, “jquery”: “3.3.1”, “jquery-bracket”: “0.11.1”, “jwt-decode”: “2.2.0”, “konva”: “2.5.1”, “moment”: “2.23.0”, “msutils”: “file:…/msutils”, “ng-fullcalendar”: “1.7.1”, “ng2-konva”: “6.0.0”, “ngx-captcha”: “6.2.0”, “ngx-clipboard”: “11.1.9”, “ngx-currency”: “1.5.1”, “ngx-moment”: “3.3.0”, “ngx-slick-carousel”: “0.4.4”, “ngx-socket-io”: “2.1.1”, “ngx-joyride”: “2.2.9”, “rxjs”: “6.3.3”, “slick-carousel”: “1.8.1”, “stripe-angular”: “0.3.0”, “tslib”: “1.9.0”, “typescript-tslint-plugin”: “0.2.1”, “zone.js”: “0.8.26” }, “devDependencies”: { “@angular-devkit/build-angular”: “0.11.0”, “@angular/cli”: “7.1.1”, “@angular/compiler-cli”: “7.1.0”, “@angular/language-service”: “7.1.0”, “@ngx-i18nsupport/ngx-i18nsupport”: “1.1.0”, “@types/angular”: “1.6.51”, “@types/jasmine”: “3.3.1”, “@types/jasminewd2”: “2.0.6”, “@types/jquery”: “3.3.29”, “@types/jwt-decode”: “2.2.1”, “@types/node”: “8.9.4”, “codelyzer”: “4.5.0”, “jasmine-core”: “3.3.0”, “jasmine-spec-reporter”: “4.2.1”, “karma”: “3.1.1”, “karma-chrome-launcher”: “2.2.0”, “karma-coverage-istanbul-reporter”: “2.0.1”, “karma-firefox-launcher”: “1.1.0”, “karma-jasmine”: “2.0.1”, “karma-jasmine-html-reporter”: “1.4.0”, “protractor”: “5.4.0”, “sass-lint”: “1.12.1”, “ts-node”: “7.0.1”, “tslint”: “5.12.0”, “tslint-eslint-rules”: “5.4.0”, “typescript”: “3.1.1” }

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:1
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
prafful-gargcommented, May 19, 2020

i can not remove the strict mode from tsconfig, as this is the best practise that we are following. Is there any other way this problem can be solved?

1reaction
DMZakariacommented, Nov 28, 2019

Hi, same issue here with aot, I have joyride v2.2.10 but there is no tag for this release

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular CLI - AOT error during ng build - Stack Overflow
I created a application using Angular CLI and it works fine with the JIT compilation. I felt i need to make ...
Read more >
AOT metadata errors - Angular
The compiler encountered an expression it didn't understand while evaluating Angular metadata. Language features outside of the compiler's restricted expression ...
Read more >
Deployment - Angular - Metronic - Keenthemes
Angular for production. Run this command line in the Angular demo directory. This build process will use method of ahead-of-time (AOT) compilation.
Read more >
What is AOT and JIT Compiler in Angular ? - GeeksforGeeks
You can run your app in JIT with this command: ng build OR ng serve. To run your app in AOT you have...
Read more >
ng build fails if AOT is enabled (Angular 11) - DayPilot Forums
This likely means that the library (daypilot-pro-angular) which declares DayPilotModule has not been processed correctly by ngcc, or is not compatible with ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found