I had a similar problem where ViewChild component is undefined in onInit() method. This fixed the issue: // Ensure Change Detection runs before accessing the instance @ContentChild(‘foo’, { static: false }) foo!: ElementRef; // If you need to access it in ngOnInit hook @ViewChild(TemplateRef, { static: true }) foo!: TemplateRef;
I had the same issue. Created a new project. Built a production version “build-production”: “ng build –configuration=production –extract-css=false –prod –aot” Deployed to NGINX White page with no content between tags in Chrome Element inspector Fix Update tsconfig.json “target”: “es5”, Then rebuild the application and deploy again. This solution worked for me, I now have content … Read more
You should be able to new up the MatTableDataSource once at the class level and then use the data setter in ngOnInit. dataSource = new MatTableDataSource<Thing>(); @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator; @ViewChild(MatSort, { static: true }) sort: MatSort; ngOnInit() { getThings().subscribe(things => { this.dataSource.data = things; this.dataSource.paginator = this.paginator; this.dataSource.sort = this.sort; }); … Read more
<base href=”https://stackoverflow.com/”> is the issue , change it to your context root . Or change it to <base href=”https://stackoverflow.com/questions/59925804/.”> Browser is unable to find your JS file because it looks for JS file relative to base href. Your base href= “https://stackoverflow.com/” , so it looks for all js file in the in “localhost:8080/”, but your … Read more
Quick version comment out createEffect(() =>, fix errors that your IDE (VSCode) flags up, add createEffect(() => back in. Alternative – rewriting like the following also works someEffect$ = createEffect(() => { return this.actions$.pipe( … ) }) Additional Still errors after doing the above? Type-checking is doing it’s job correctly and telling you that you … Read more
You will also get this error if your component is not in the declarations array of its parent module.
Best way to update a child component is: ngOnChanges() ngOnChanges(): “A lifecycle hook that is called when any data-bound property of a directive changes. Define an ngOnChanges() method to handle the changes.” We use this lifecycle hook to respond to changes to our @Input() variables. Example: import { Component, Input, OnChanges } from “@angular/core”; @Component({ … Read more
According to this article. Note that core-js has been updated to v3, and is now directly handled by the CLI itself, so it’s no longer needed as a dependency of your application.
After migration to Angular 8 you should declare manually if it’s static or not @ViewChild(QuilldEditorComponent, {static: true}) quillEditorComponentInstance; If you have further questions ask them or for more details please read this issue https://github.com/angular/angular-cli/issues/14553 or take a look at offical documentation https://angular.io/guide/static-query-migration // query results available in ngOnInit @ViewChild(‘foo’, {static: true}) foo: ElementRef; OR // … Read more
Update 10.02.2019 This was a problem of the @angular/cli. Updating the version to >= 8.3.22 should fix the issue: see this comment in #16515 ORIGINAL Basically the build process is running out of memory: see related angular-cli issues #15493, #16515 The recommended remedy is to: update node to the latest version e.g. 12.14.0 increase the … Read more