cdk-virtual-scroll-viewport Не работает в Ionic 4 - PullRequest
0 голосов
/ 28 октября 2019

Я пытался исправить это последние 5 дней, но безуспешно.

Я знаю, что я включил ScrollingModule в мой app.module и мой app.module ниже.

После сборки моего приложения Ionic я получаю сообщение об ошибке ниже:

core.js: 15724 Ошибка ОШИБКИ: Uncaught (в обещании): Ошибка: Ошибки синтаксического анализа шаблона: 'cdk-virtual-scroll-viewport 'не является известным элементом: 1. Если' cdk-virtual-scroll-viewport 'является угловым компонентом, то убедитесь, что он является частью этого модуля. 2. Если 'cdk-virtual-scroll-viewport' является веб-компонентом, то добавьте 'CUSTOM_ELEMENTS_SCHEMA' в '@ NgModule.schemas' этого компонента, чтобы подавить это сообщение. ("[ОШИБКА ->]"): ng: ///SalesPageModule/SalesPage.html@123: 33 'cdk-virtual-scroll-viewport' не является известным элементом:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { Camera } from '@ionic-native/camera/ngx';

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

import { AppComponent } from './app.component';
import { ConfigComponent} from '../app/home/config/config.component';

import { AppRoutingModule } from './app-routing.module';
import { SearchPipe } from '../app/Services/pipes/search/search';
import { PipesModule } from '../app/Services/pipes/search/pipes.module';

import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';


import { IonicStorageModule } from '@ionic/storage';
import { LocalDataService} from '../app/Services/LocalData/local-data.service';
import {FunctionsProvider} from '../app/Services/functions/functions';
 import { AndroidFullScreen } from '@ionic-native/android-full-screen/ngx';
 import { ScreenOrientation } from '@ionic-native/screen-orientation/ngx';

 import { OverviewComponent} from '../app/admin/overview/overview.component';
 import { ReportsComponent } from "../app/admin/reports/reports.component";
 import { StaffComponent} from './admin/staff/staff.component';
 import { StockComponent} from '../app/admin/stock/stock.component';
 import {StockModalComponent} from '../app/admin/stock/stock-modal/stock-modal.component';
import { CameraProvider} from '../../src/app/Services/camera/camera'

 import { StaffModalComponent} from '../app/admin/staff/staff-modal/staff-modal.component';
 import {SideDishesComponent} from '../app/admin/side-dishes/side-dishes.component';
 import {SideDishesModalComponent} from '../app/admin/side-dishes/side-dishes-modal/side-dishes-modal.component';
 import {MenuComponent} from '../app/admin/menu/menu.component';
 import {MenuModalComponent} from '../app/admin/menu/menu-modal/menu-modal.component';
  import {ChefViewerComponent} from '../app/admin/kitchen/chef-viewer/chef-viewer.component';
import {ConsumableComponent} from '../app/admin/kitchen/consumable/consumable.component';
import { KitchenHistoryComponent} from '../app/admin/kitchen/kitchen-history/kitchen-history.component';
import {KitchenHistoryViewerComponent} from '../app/admin/kitchen/kitchen-history/kitchen-history-viewer/kitchen-history-viewer.component';
import {SaleOptionsComponent} from '../app/sales/sale-options/sale-options.component';
import {PaymentMethodComponent} from '../app/sales/payment-method/payment-method.component';
import { OrderViewerComponent } from "../app/sales/order-modal/order-viewer/order-viewer.component";

import {OrderModalComponent} from '../app/sales/order-modal/order-modal.component';
import {SalesModalComponent} from '../app/sales/sales-modal/sales-modal.component';
import { ReservationsComponent } from "../app/sales/reservations/reservations.component";
import { CustomerComponent } from "../app/admin/customer/customer.component";
import { ExpensesComponent } from "../app/admin/expenses/expenses.component";
import { ExpensesModalComponent } from '../app/admin/expenses/expenses-modal/expenses-modal.component';
import { FloorLayoutComponent} from '../app/sales/floor-layout/floor-layout.component'
import { TableinfoComponent } from "../app/sales/floor-layout/tableinfo/tableinfo.component";
 import { PayrollComponent } from "../app/admin/payroll/payroll.component";
 import { GlanceComponent } from "../app/admin/glance/glance.component";
 import { LogsComponent } from "../app/admin/glance/logs/logs.component";
 import { DatePickerComponent } from "../app/admin/glance/logs/date-picker/date-picker.component";
 import { CatsalesComponent } from "../app/sales/catsales/catsales.component";

 import { VirtualScrollerModule } from 'ngx-virtual-scroller';



 import { ScrollingModule,ScrollDispatchModule } from "@angular/cdk/scrolling";

 import { PlatformModule } from '@angular/cdk/platform';

 import {SalesPage} from '../app/sales/sales.page';
 import { MySearchPipe } from './Services/pipes/my-search.pipe';
 import {PipeModule} from './Services/pipes/my-search.module'
 import { from } from 'rxjs';
// import { CalendarModule } from 'ionic3-calendar-en';
import { CalendarModule } from 'ion2-calendar';


import {BluetoothSerial } from '@ionic-native/bluetooth-serial/ngx';

import { PrinterProvider} from './Services/Printer/printer';
import { PrinterService } from "./Services/Printer/printer.service";
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NativeAudio } from '@ionic-native/native-audio/ngx';

import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { TransferOrderComponent } from "../app/sales/transfer-order/transfer-order.component";

import { File } from '@ionic-native/File/ngx';
import { FileOpener } from '@ionic-native/file-opener/ngx';
import { FileTransfer } from '@ionic-native/file-transfer/ngx';
import { DocumentViewer } from '@ionic-native/document-viewer/ngx';
import { OrderModule } from 'ngx-order-pipe';


@NgModule({
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
  declarations: [AppComponent,
    ConfigComponent,
    OrderModalComponent,
    PaymentMethodComponent,
     OverviewComponent,
     TransferOrderComponent,
    StaffComponent,
    StaffModalComponent,
    StockComponent,
    PayrollComponent,
    ReportsComponent,
    StockModalComponent,
    SideDishesComponent,
    SideDishesModalComponent,
    MenuComponent,
    MenuModalComponent,
     ChefViewerComponent,
    ConsumableComponent,
    KitchenHistoryComponent,
    KitchenHistoryViewerComponent,
    FloorLayoutComponent,
    SaleOptionsComponent,
    OrderViewerComponent,
    SalesModalComponent,
    ReservationsComponent,
    CustomerComponent,
    ExpensesComponent,
    ExpensesModalComponent,
    TableinfoComponent,
    GlanceComponent,
    LogsComponent,
    CatsalesComponent,
    DatePickerComponent

       ],
  entryComponents: [
    ConfigComponent,
    OrderModalComponent,
    PaymentMethodComponent,
    OverviewComponent,
    TransferOrderComponent,
    StaffComponent,
    StaffModalComponent,
    StockComponent,
    PayrollComponent,
    ReportsComponent,
    StockModalComponent,
    SideDishesComponent,
    SideDishesModalComponent,
    MenuComponent,
    MenuModalComponent,
     ChefViewerComponent,
    ConsumableComponent,
    KitchenHistoryComponent,
    KitchenHistoryViewerComponent,
    FloorLayoutComponent,
    SaleOptionsComponent,
    OrderViewerComponent,
    SalesModalComponent,
    CustomerComponent,
    ExpensesComponent,
    ExpensesModalComponent,
    TableinfoComponent,
    GlanceComponent,
    LogsComponent,
    CatsalesComponent,
    DatePickerComponent,
    ReservationsComponent],
  providers: [
    File,
    FileOpener,
    FileTransfer,
    DocumentViewer,
    StatusBar,
    BarcodeScanner,
    Camera,
    NativeAudio,
    BluetoothSerial,
    PrinterProvider,
    CameraProvider,
    VirtualScrollerModule,
     FunctionsProvider,
    SplashScreen,
     LocalDataService,
   AndroidFullScreen,
   ScreenOrientation,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent],
  imports: [BrowserModule, 
     VirtualScrollerModule,
     ScrollingModule,
     PlatformModule,
     PipeModule,
    CalendarModule,
    HttpModule,
    FormsModule,
    ReactiveFormsModule,
    OrderModule,
     IonicStorageModule.forRoot(),
    IonicModule.forRoot(), AppRoutingModule, BrowserAnimationsModule]
})
export class AppModule {}

Я не знаю, чего мне здесь не хватает ...

...