La propiedad formGroup no es proporcionada por ninguna directiva aplicable ni por ningún elemento de formulario (Específicamente Angular CLI 13.0.4)
Este no es un problema con la importación de ReactiveFormsModule
o FormsModule
Ya los tengo importados en app.module.ts y en el módulo donde estoy teniendo este problema:
imports: [
BrowserModule,
AppRoutingModule,
FormsModule,
ReactiveFormsModule,
...
Entonces, este error ocurre cuando agrego la propiedad [formGroup]
y el atributo formControlName
al archivo .html
<form [formGroup]="loginForm" (ngSubmit)="doLogin()" class="m-t" role="form" action="index.html">
<div class="form-group">
<input type="email" class="form-control" formControlName="username" placeholder="Usuario" required="">
</div>
<div class="form-group">
<input type="password" class="form-control" formControlName="password" placeholder="Contraseña" required="">
</div>
</form>
Este error comenzó después de haber actualizado el CLI de 12.1.0
a 13.0.4
Si vuelvo a la versión anterior, el error desaparece.
He eliminado la carpeta de módulos de nodos y he vuelto a ejecutar npm install
Dado que esta versión del CLI fue lanzada hace 7 días, no puedo encontrar ninguna solución para este error. También he consultado la página de problemas de Angular CLI en Github y aún no se ha planteado nada allí.
Agradecería cualquier sugerencia para solucionar esto. Bajar de versión no es una opción.
davy.ai
Error con
[formGroup]
yformControlName
en AngularSi tienes un problema con la propiedad
[formGroup]
y el atributoformControlName
en tu archivo HTML, y ya has importado los módulosReactiveFormsModule
yFormsModule
en los módulos correspondientes, es posible que el problema esté relacionado con una actualización reciente de Angular CLI.Específicamente, el problema puede haber comenzado a ocurrir después de actualizar a la versión
13.0.4
desde la versión12.1.0
. Si vuelves a la versión anterior, es posible que el error desaparezca. Sin embargo, si no deseas hacer un cambio de versión, puedes intentar eliminar la carpeta de los módulos de node y luego ejecutarnpm install
nuevamente.Hasta el momento de escribir esto, no se han encontrado soluciones para este problema. Puede ser útil revisar la página de problemas de Angular CLI en Github para conocer las actualizaciones sobre este problema.
Si tienes alguna sugerencia sobre cómo resolver este problema, por favor compártela.