Can't compile project Angular error NG8002, 8001

Question

I can't compile the program, I get errors like above, I have all these things added in the files and the problem. I added the ngx-gallery module and after that I can't do anything, even when I try to undo the changes I have the same thing. Are you able to help me?

I have this problem:

ERROR in node_modules/@auth0/angular-jwt/index.d.ts:19:48 - error NG6005: JwtModule.forRoot returns a ModuleWithProviders type without a generic type argument. Please add a generic type argument to the ModuleWithProviders type. If this occurrence is in library code you don't control, please contact the library authors.
    
    19     static forRoot(options: JwtModuleOptions): ModuleWithProviders;
                                                      ~~~~~~~~~~~~~~~~~~~
    src/app/members/member-detail/member-detail.component.html:34:17 - error NG8001: 'tabset' is not a known element:
    1. If 'tabset' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    34                 <tabset class="member-tabset">
                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:35:21 - error NG8001: 'tab' is not a known element:
    1. If 'tab' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    35                     <tab heading="About {{user?.knownAs}}">
                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        120m   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:35:26 - error NG8002: Can't bind to 'heading' since it isn't a known property of 'tab'.
    
    35                     <tab heading="About {{user?.knownAs}}">
                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:41:21 - error NG8001: 'tab' is not a known element:
    1. If 'tab' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    41                     <tab heading="Interests">
                           ~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:45:21 - error NG8001: 'tab' is not a known element:
    1. If 'tab' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    45                     <tab heading="Photos">
                           ~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:46:25 - error NG8001: 'ngx-gallery' is not a known element:
    1. If 'ngx-gallery' is an Angular component, then verify that it is part of this module.
    2. If 'ngx-gallery' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    
    46                         <ngx-gallery [options]="galleryOptions" [images]="galleryImages"></ngx-gallery>
                               ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:46:38 - error NG8002: Can't bind to 'options' since it isn't a known property of 'ngx-gallery'.
    1. If 'ngx-gallery' is an Angular component and it has 'options' input, then verify that it is part of this module.
    2. If 'ngx-gallery' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    46                         <ngx-gallery [options]="galleryOptions" [images]="galleryImages"></ngx-gallery>
                                            ~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:46:65 - error NG8002: Can't bind to 'images' since it isn't a known property of 'ngx-gallery'.
    1. If 'ngx-gallery' is an Angular component and it has 'images' input, then verify that it is part of this module.
    2. If 'ngx-gallery' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    46                         <ngx-gallery [options]="galleryOptions" [images]="galleryImages"></ngx-gallery>
                                                                       ~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:48:21 - error NG8001: 'tab' is not a known element:
    1. If 'tab' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    48                     <tab heading="Messages">
                           ~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-card/member-card.component.html:5:74 - error NG8002: Can't bind to 'routerLink' since it isn't a known property of 'button'.
    
    5             <li class="list-inline-item"><button class="btn btn-primary" [routerLink]="['/members/', user.id]"><i class="fa fa-user"></i></button></li>
                                                                               ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-card/member-card.component.ts:7:16
        7   templateUrl: './member-card.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberCardComponent.
    src/app/app.component.html:9:1 - error NG8001: 'app-nav' is not a known element:
    1. If 'app-nav' is an Angular component, then verify that it is part of this module.
    2. If 'app-nav' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    
    9 <app-nav></app-nav>
      ~~~~~~~~~~~~~~~~~~~
    
      src/app/app.component.ts:8:16
        8   templateUrl: './app.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component AppComponent.
    src/app/app.component.html:10:1 - error NG8001: 'router-outlet' is not a known element:
    1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
    2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    
    10 <router-outlet></router-outlet>
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/app.component.ts:8:16
        8   templateUrl: './app.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component AppComponent.
    src/app/nav/nav.component.html:3:33 - error NG8002: Can't bind to 'routerLink' since it isn't a known property of 'a'.
    
    3         <a class="navbar-brand" [routerLink]="['/home']">Dating App</a>
                                      ~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/nav/nav.component.ts:8:16
        8   templateUrl: './nav.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component NavComponent.
    src/app/register/register.component.html:6:74 - error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.
    
    6         <input type="text" class="form-control" required name="username" [(ngModel)]="model.username" placeholder="Username">
                                                                               ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/register/register.component.ts:8:16
        8   templateUrl: './register.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component RegisterComponent.
    src/app/register/register.component.html:11:78 - error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.
    
    11         <input type="password" class="form-control" required name="password" [(ngModel)]="model.password" placeholder="Password">
                                                                                    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/register/register.component.ts:8:16
        8   templateUrl: './register.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component RegisterComponent.
    src/app/register/register.component.html:1:22 - error NG8003: No directive found with exportAs 'ngForm'.
    
    1 <form #registerForm="ngForm" (ngSubmit)="register()">
                           ~~~~~~
    
      src/app/register/register.component.ts:8:16
        8   templateUrl: './register.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component RegisterComponent.
    
    
    ERROR in node_modules/@auth0/angular-jwt/index.d.ts:19:48 - error NG6005: JwtModule.forRoot returns a ModuleWithProviders type without a generic type argument. Please add a generic type argument to the ModuleWithProviders type. If this occurrence is in library code you don't control, please contact the library authors.
    
    19     static forRoot(options: JwtModuleOptions): ModuleWithProviders;
                                                      ~~~~~~~~~~~~~~~~~~~
    src/app/members/member-detail/member-detail.component.html:34:17 - error NG8001: 'tabset' is not a known element:
    1. If 'tabset' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    34                 <tabset class="member-tabset">
                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:35:21 - error NG8001: 'tab' is not a known element:
    1. If 'tab' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    35                     <tab heading="About {{user?.knownAs}}">
                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        120m   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:35:26 - error NG8002: Can't bind to 'heading' since it isn't a known property of 'tab'.
    
    35                     <tab heading="About {{user?.knownAs}}">
                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:41:21 - error NG8001: 'tab' is not a known element:
    1. If 'tab' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    41                     <tab heading="Interests">
                           ~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:45:21 - error NG8001: 'tab' is not a known element:
    1. If 'tab' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    45                     <tab heading="Photos">
                           ~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:46:25 - error NG8001: 'ngx-gallery' is not a known element:
    1. If 'ngx-gallery' is an Angular component, then verify that it is part of this module.
    2. If 'ngx-gallery' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    
    46                         <ngx-gallery [options]="galleryOptions" [images]="galleryImages"></ngx-gallery>
                               ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:46:38 - error NG8002: Can't bind to 'options' since it isn't a known property of 'ngx-gallery'.
    1. If 'ngx-gallery' is an Angular component and it has 'options' input, then verify that it is part of this module.
    2. If 'ngx-gallery' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    46                         <ngx-gallery [options]="galleryOptions" [images]="galleryImages"></ngx-gallery>
                                            ~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:46:65 - error NG8002: Can't bind to 'images' since it isn't a known property of 'ngx-gallery'.
    1. If 'ngx-gallery' is an Angular component and it has 'images' input, then verify that it is part of this module.
    2. If 'ngx-gallery' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    46                         <ngx-gallery [options]="galleryOptions" [images]="galleryImages"></ngx-gallery>
                                                                       ~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-detail/member-detail.component.html:48:21 - error NG8001: 'tab' is not a known element:
    1. If 'tab' is an Angular component, then verify that it is part of this module.
    2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
    
    48                     <tab heading="Messages">
                           ~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-detail/member-detail.component.ts:12:16
        12   templateUrl: './member-detail.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberDetailComponent.
    src/app/members/member-card/member-card.component.html:5:74 - error NG8002: Can't bind to 'routerLink' since it isn't a known property of 'button'.
    
    5             <li class="list-inline-item"><button class="btn btn-primary" [routerLink]="['/members/', user.id]"><i class="fa fa-user"></i></button></li>
                                                                               ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/members/member-card/member-card.component.ts:7:16
        7   templateUrl: './member-card.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component MemberCardComponent.
    src/app/app.component.html:9:1 - error NG8001: 'app-nav' is not a known element:
    1. If 'app-nav' is an Angular component, then verify that it is part of this module.
    2. If 'app-nav' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    
    9 <app-nav></app-nav>
      ~~~~~~~~~~~~~~~~~~~
    
      src/app/app.component.ts:8:16
        8   templateUrl: './app.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component AppComponent.
    src/app/app.component.html:10:1 - error NG8001: 'router-outlet' is not a known element:
    1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
    2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    
    10 <router-outlet></router-outlet>
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/app.component.ts:8:16
        8   templateUrl: './app.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component AppComponent.
    src/app/nav/nav.component.html:3:33 - error NG8002: Can't bind to 'routerLink' since it isn't a known property of 'a'.
    
    3         <a class="navbar-brand" [routerLink]="['/home']">Dating App</a>
                                      ~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/nav/nav.component.ts:8:16
        8   templateUrl: './nav.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component NavComponent.
    src/app/register/register.component.html:6:74 - error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.
    
    6         <input type="text" class="form-control" required name="username" [(ngModel)]="model.username" placeholder="Username">
                                                                               ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
      src/app/register/register.component.ts:8:16
        8   templateUrl: './register.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component RegisterComponent.
    src/app/register/register.component.html:11:78 - error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.

    11         <input type="password" class="form-control" required name="password" [(ngModel)]="model.password" placeholder="Password">
                                                                                    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

      src/app/register/register.component.ts:8:16
        8   templateUrl: './register.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component RegisterComponent.
    src/app/register/register.component.html:1:22 - error NG8003: No directive found with exportAs 'ngForm'.

    1 <form #registerForm="ngForm" (ngSubmit)="register()">
                           ~~~~~~

      src/app/register/register.component.ts:8:16
        8   templateUrl: './register.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Error occurs in the template of component RegisterComponent.

This is my package.json:

{
    "name": "dating-app-spa",
    "version": "0.0.0",
    "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e",
        "postinstall": "ngcc"
    },
    "private": true,
    "dependencies": {
        "@agm/core": "^3.0.0-beta.0",
        "@angular/animations": "^10.1.5",
        "@angular/common": "^10.1.5",
        "@angular/compiler": "^10.1.5",
        "@angular/core": "^10.1.5",
        "@angular/forms": "^10.1.5",
        "@angular/platform-browser": "^10.1.5",
        "@angular/platform-browser-dynamic": "^10.1.5",
        "@angular/router": "^10.1.5",
        "@auth0/angular-jwt": "^2.1.2",
        "alertifyjs": "^1.13.1",
        "bootstrap": "^4.5.3",
        "bootswatch": "^4.5.2",
        "font-awesome": "^4.7.0",
        "lodash-es": "^4.17.15",
        "ngx-bootstrap": "^5.5.0",
        "ngx-gallery": "^5.10.0",
        "rxjs": "~6.5.5",
        "tslib": "^2.0.3",
        "zone.js": "~0.10.3"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "~0.1000.5",
        "@angular/cli": "~10.0.5",
        "@angular/compiler-cli": "~10.0.6",
        "@types/node": "^12.11.1",
        "@types/jasmine": "~3.5.0",
        "@types/jasminewd2": "~2.0.3",
        "codelyzer": "^6.0.0",
        "jasmine-core": "~3.5.0",
        "jasmine-spec-reporter": "~5.0.0",
        "karma": "~5.0.0",
        "karma-chrome-launcher": "~3.1.0",
        "karma-coverage-istanbul-reporter": "~3.0.2",
        "karma-jasmine": "~3.3.0",
        "karma-jasmine-html-reporter": "^1.5.0",
        "protractor": "~7.0.0",
        "ts-node": "~8.3.0",
        "tslint": "~6.1.0",
        "typescript": "~3.9.5"
    }
}

app.module.ts

import { MemberListResolver } from './_resolvers/member-list.resolver';
import { MemberDetailResolver } from './_resolvers/member-detail.resolver';
import { UserService } from './_services/user.service';
import { AuthGuard } from './_guards/auth.guard';
import { AlertifyService } from './_services/alertify.service';
import { MemberDetailComponent } from './members/member-detail/member-detail.component';
import { MemberCardComponent } from './members/member-card/member-card.component';
import { appRoutes } from './routes';
import { ErrorInterceptorProvider } from './_services/error.interceptor';
import { AuthService } from './_services/auth.service';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import {FormsModule} from '@angular/forms';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { RouterModule } from '@angular/router';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppComponent } from './app.component';
import { NavComponent } from './nav/nav.component';
import { RegisterComponent } from './register/register.component';
import { HomeComponent } from './home/home.component';
import { MemberListComponent } from './members/member-list/member-list.component';
import { ListsComponent } from './lists/lists.component';
import { MessagesComponent } from './messages/messages.component';
import { JwtModule } from '@auth0/angular-jwt';
import { TabsModule } from 'ngx-bootstrap/tabs';
import { NgxGalleryModule } from 'ngx-gallery';



// tslint:disable-next-line:typedef
export function tokenGetter() {
  return localStorage.getItem('token');
}

@NgModule({
   declarations: [
      AppComponent,
      NavComponent,
      RegisterComponent,
      HomeComponent,
      MemberListComponent,
      ListsComponent,
      MessagesComponent,
      MemberCardComponent,
      MemberDetailComponent
   ],
   imports: [
      BrowserModule,
      HttpClientModule,
      BrowserAnimationsModule,
      FormsModule,
      BsDropdownModule.forRoot(),
      TabsModule.forRoot(),
      RouterModule.forRoot(appRoutes),
      NgxGalleryModule,
      JwtModule.forRoot({
        config: {
          // tslint:disable-next-line:object-literal-shorthand
          tokenGetter: tokenGetter,
          whitelistedDomains: ['localhost:5000'],
          blacklistedRoutes: ['localhost:5000/api/auth']
        }
      })
   ],
   providers: [
      AuthService,
      ErrorInterceptorProvider,
      AlertifyService,
      AuthGuard,
      UserService,
      MemberDetailResolver,
      MemberListResolver
   ],
   bootstrap: [
      AppComponent
   ]
})
export class AppModule { }

have you tried deleting all the html related to ngx-gallery? Also could you provide your app module please? — JSmith, Oct 14 '20 at 18:31
I only have the html code in one place and when I delete it, it doesn't work. I can possibly put the rest of ts files. — Łukasz Kraśniak, Oct 14 '20 at 18:36
could you close your answer and edit your original post with the module inside please — JSmith, Oct 14 '20 at 18:59
have yout tried deleting node_modules and making `npm install` — JSmith, Oct 14 '20 at 19:24
Now I have a error: npm ERR! dating-app-spa@0.0.0 postinstall: `ngcc` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the dating-app-spa@0.0.0 postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. — Łukasz Kraśniak, Oct 14 '20 at 20:13
I have this same error in post with the module inside please. I delete node_modules and npm install. — Łukasz Kraśniak, Oct 14 '20 at 20:38
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/223058/discussion-between-jsmith-and-lukasz-krasniak). — JSmith, Oct 14 '20 at 20:44

JSmith · Answer 1 · 2020-10-14T21:19:47.067

1

Apparently based on this Github issue Angular Ivy is having a problem with ngx-gallery yet another version exist also the npm page of ngx-gallery says

Off until 11.06.2018

this package is outdated

so I would advise to

delete nodes_modules directory
run npm install
run npm uninstall ngx-gallery
run npm install @kolkov/ngx-gallery --save

this version seems better for newer versions of angular.

edited Oct 14 '20 at 21:19

answered Oct 14 '20 at 21:05

JSmith

4,519
4
29
45

i havet the problem : https://stackoverflow.com/questions/63332291/kolkov-ngx-gallery-not-displaying-image – Łukasz Kraśniak Oct 16 '20 at 12:27

Can't compile project Angular error NG8002, 8001

1 Answers1