0

Ajuda erro angular - "Object is possibly 'null'.",

Murilo Farias
Murilo Farias

Boa noite,

alguem consegue me ajudar com esse erro, aparentemente está tudo certo nos dois arquivos...

arquivo: course-info.component.ts

import {Component, OnInit} from "@angular/core";
import { ActivatedRoute } from "@angular/router";

@Component({
    templateUrl : './course-info.component.html'
})
export class CourseInfoComponent implements OnInit {
    
    courseId!: number;

    constructor(private activatedRoute: ActivatedRoute) { } 

     ngOnInit(): void {
        this.courseId = +this.activatedRoute.snapshot.paramMap.get('id');
}
}

arquivo: app.module.ts


import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { CourseListComponent } from './Courses/course-list.component';
import { StarComponent } from './star/star.component';
import { ReplacePipe } from './pipe/replace.pipe';
import { NavBarComponent } from './nav-bar/nav-bar.component';
import { Error404Component } from './error-404/error-404.component';
import { RouterModule } from '@angular/router';
import { CourseInfoComponent } from './Courses/course-info.component';

@NgModule({
  declarations: [
    AppComponent,
    CourseListComponent,
    StarComponent,
    ReplacePipe,
    NavBarComponent,
    Error404Component,
    CourseInfoComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    RouterModule.forRoot([
        {
    path: '', redirectTo: 'courses', pathMatch: 'full'
        },
        {
    path: 'courses', component: CourseListComponent
        },
        {
    path: '**', component: Error404Component
        },
        {
    path: 'courses/info/:id', component: CourseInfoComponent
        }
])
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }


0
0

Comentários (2)

2
Murilo Farias

Murilo Farias

20/07/2021 21:26

Consegui achar a solução na internet, fica de dica para caso alguem tenha o mesmo erro,

alterar:


this.courseId = (Number (this.activatedRoute.snapshot.paramMap.get('id')));

ou

this.courseId = +this.activatedRoute.snapshot.paramMap.get('id')!;
0
Guilherme Tarrasconi

Guilherme Tarrasconi

05/08/2021 23:49

Me salvou com a sua solução!! Muito Obrigado!

Engenheiro Formado. Cursando MBA em Gestão de Projetos em Tecnologia da Informação. Estudando: JavaScript, Html, Python, SQL e VBA

Brasil