Угловая реактивная форма и проблема ngx-admin с ошибкой FormGroup не является известным свойством формы

Мне нужно использовать Angular ReactiveFormsModule в моем пользовательском компоненте с темой ngx-admin, но у меня проблема при компиляции из-за ошибки: «Невозможно привязать к 'formGroup', поскольку это не известное свойство 'form'» в VisualStudioCode об ошибках не сообщалось.

Я добавил "импорт {FormsModule, ReactiveFormsModule} из '@ angular / forms';" в моем модуле также на pages.module.ts и app.module.ts безуспешно, у меня всегда есть эта ошибка при компиляции.

Если я попытаюсь добавить реактивную форму на странице регистрации ngx-admin, при компиляции не будет ошибок.

Может ли кто-нибудь помочь мне найти, в чем я ошибаюсь?


angular forms reactive ngx-admin
person danny36    schedule 29.05.2020    source источник
comment
Вы также добавили эти модули в массив импорта вашего модуля?   -  person enno.void    schedule 29.05.2020
comment
Ну конечно; естественно!!!!   -  person danny36    schedule 29.05.2020
comment
вы можете предоставить stackblizz для воспроизведения?   -  person enno.void    schedule 29.05.2020
comment
без входа на сервер? сервер не в сети.   -  person danny36    schedule 29.05.2020
comment
нужно добавить import и добавить в массив imports (со временем забыл и сошел с ума)   -  person Eliseo    schedule 29.05.2020
comment
Я добавил следующее: import {FormsModule, ReactiveFormsModule} из '@ angular / forms';   -  person danny36    schedule 29.05.2020
comment
и это: @NgModule ({импорт: [FormsModule, ReactiveFormsModule,   -  person danny36    schedule 29.05.2020
comment
Здесь такие же проблемы.   -  person Alok Rajasukumaran    schedule 14.06.2020

Ответы (2)


arrow_upward
1
arrow_downward

это мой app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { HttpClientModule } from '@angular/common/http';
import { CoreModule } from './@core/core.module';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { ThemeModule } from './@theme/theme.module';
import { AuthModule } from './@auth/auth.module';

import {
  NbChatModule,
  NbDatepickerModule,
  NbDialogModule,
  NbMenuModule,
  NbSidebarModule,
  NbToastrModule,
  NbWindowModule,
} from '@nebular/theme';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    AppRoutingModule,
    AuthModule.forRoot(),
    FormsModule,
    ReactiveFormsModule,
    NbSidebarModule.forRoot(),
    NbMenuModule.forRoot(),
    NbDatepickerModule.forRoot(),
    NbDialogModule.forRoot(),
    NbWindowModule.forRoot(),
    NbToastrModule.forRoot(),
    NbChatModule.forRoot({
      messageGoogleMapKey: 'AIzaSyA_wNuCzia92MAmdLRzmqitRGvCF7wCZPY',
    }),
    CoreModule.forRoot(),
    ThemeModule.forRoot(),
  ],
  bootstrap: [AppComponent],
  providers: [],
})
export class AppModule {
}
person danny36    schedule 29.05.2020

arrow_upward
1
arrow_downward

это мои страницы.module.ts

import { NgModule } from '@angular/core';

import { PagesComponent } from './pages.component';
import { DashboardModule } from './dashboard/dashboard.module';
import { PagesRoutingModule } from './pages-routing.module';
import { ThemeModule } from '../@theme/theme.module';
import { MiscellaneousModule } from './miscellaneous/miscellaneous.module';
import { PagesMenu } from './pages-menu';
import { ECommerceModule } from './e-commerce/e-commerce.module';
import { NbMenuModule } from '@nebular/theme';
import { AuthModule } from '../@auth/auth.module';

import { FormsModule, ReactiveFormsModule } from '@angular/forms';


const PAGES_COMPONENTS = [
  PagesComponent,
];

@NgModule({
  imports: [
    FormsModule,
    ReactiveFormsModule,
    PagesRoutingModule,
    ThemeModule,
    DashboardModule,
    ECommerceModule,
    NbMenuModule,
    MiscellaneousModule,
    AuthModule.forRoot(),
  ],
  declarations: [
    ...PAGES_COMPONENTS,
  ],
  providers: [
    PagesMenu,
  ],
})
expo

rt class PagesModule {}

person danny36    schedule 29.05.2020