1
resposta

Erro ao importar "ReactiveFormsModule"

Bom dia,

estou com um problema no meu projeto, ao importar o "ReactiveFormsModule" e inseri-lo no modulo começo a ter o seguinte erro:

home module:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ReactiveFormsModule } from '@angular/forms';

import { SinginComponent } from './singin/singin.component';



@NgModule({
  declarations: [SinginComponent],
  imports: [
    ReactiveFormsModule,
    CommonModule
  ]
})
export class HomeModule { }

erro:

compiler.js:2175 Uncaught Error: Template parse errors:
No provider for ControlContainer ("<h4 class="text-center">Login</h4>

[ERROR ->]<form class="form mt-4">

    <div [formGroup]="loginForm" class="form-group">
"): ng:///HomeModule/SinginComponent.html@2:0
    at syntaxError (compiler.js:2175)
    at TemplateParser.parse (compiler.js:11388)
    at JitCompiler._parseTemplate (compiler.js:25961)
    at JitCompiler._compileTemplate (compiler.js:25949)
    at compiler.js:25893
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:25893)
    at compiler.js:25806
    at Object.then (compiler.js:2166)
    at JitCompiler._compileModuleAndComponents (compiler.js:25805)

ao remover o "ReactiveFormsModule" o erro para, não entendi o motivo, como resolvo esse problema.

1 resposta

Boa tarde, Allan! Como vai?

Esse erro está ocorrendo pois vc esqueceu de adicionar [formGroup]="loginForm" ao seu formulário. O correto seria fazer <form [formGroup]="loginForm" class="form mt-4"> como visto nessa aula.

Qualquer coisa é só falar.

Grande abraço e bons estudos, meu aluno!