Angular8 firebase configuration error '@angular/fire/angularfire2'

[tango4567]

Getting following error again and again after implementing reorderGroup

ionic serve
> ng run app:serve --host=localhost --port=8100
[ng] ℹ ｢wds｣: Project is running at http://localhost:8100/webpack-dev-server/
[ng] ℹ ｢wds｣: webpack output is served from /
[ng] ℹ ｢wds｣: 404s will fallback to //index.html
[ng] chunk {main} main.js, main.js.map (main) 2.04 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 154 kB [initial] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 114 kB [initial] [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 340 kB [initial] [rendered]
[ng] Date: 2020-04-18T03:02:50.704Z - Hash: a5349e4315374470dc58 - Time: 8984ms
[ng] 
[ng] ERROR in node_modules/@angular/fire/angularfire2.d.ts:37:49 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any'.
[ng]   Type 'T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]' is not assignable to type '(...args: any) => any'.
[ng]     Type 'T[T[keyof T] extends Function ? keyof T : never]' is not assignable to type '(...args: any) => any'.
[ng]       Type 'T[keyof T]' is not assignable to type '(...args: any) => any'.
[ng]         Type 'T[string] | T[number] | T[symbol]' is not assignable to type '(...args: any) => any'.
[ng]           Type 'T[string]' is not assignable to type '(...args: any) => any'.
[ng] 37     [K in FunctionPropertyNames<T>]: ReturnType<T[K]> extends Promise<any> ? K : never;
[ng]                                                    ~~~~
[ng] node_modules/@angular/fire/angularfire2.d.ts:40:49 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any'.
[ng]   Type 'T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]' is not assignable to type '(...args: any) => any'.
[ng]     Type 'T[T[keyof T] extends Function ? keyof T : never]' is not assignable to type '(...args: any) => any'.
[ng]       Type 'T[keyof T]' is not assignable to type '(...args: any) => any'.
[ng]         Type 'T[string] | T[number] | T[symbol]' is not assignable to type '(...args: any) => any'.
[ng]           Type 'T[string]' is not assignable to type '(...args: any) => any'.
[ng] 40     [K in FunctionPropertyNames<T>]: ReturnType<T[K]> extends Promise<any> ? never : K;
[ng]                                                    ~~~~
[ng] node_modules/@angular/fire/angularfire2.d.ts:48:78 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any'.
[ng]   Type 'T[{ [K in { [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]: ReturnType<T[K]> extends Promise<any> ? never : K; }[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]]' is not assignable to type '(...args: any) => any'.
[ng]     Type 'T[ReturnType<T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]> extends Promise<any> ? never : { [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]' is not assignable to type '(...args: any) => any'.
[ng]       Type 'T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]' is not assignable to type '(...args: any) => any'.
[ng]         Type 'T[T[keyof T] extends Function ? keyof T : never]' is not assignable to type '(...args: any) => any'.
[ng]           Type 'T[keyof T]' is not assignable to type '(...args: any) => any'.
[ng]             Type 'T[string] | T[number] | T[symbol]' is not assignable to type '(...args: any) => any'.
[ng]               Type 'T[string]' is not assignable to type '(...args: any) => any'.
[ng] 48     [K in NonPromiseReturningFunctionPropertyNames<T>]: (...args: Parameters<T[K]>) => Promise<ReturnType<T[K]>>;
[ng]                                                                                 ~~~~
[ng] node_modules/@angular/fire/angularfire2.d.ts:48:107 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any'.
[ng]   Type 'T[{ [K in { [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]: ReturnType<T[K]> extends Promise<any> ? never : K; }[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]]' is not assignable to type '(...args: any) => any'.
[ng]     Type 'T[ReturnType<T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]> extends Promise<any> ? never : { [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]' is not assignable to type '(...args: any) => any'.
[ng]       Type 'T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]' is not assignable to type '(...args: any) => any'.
[ng]         Type 'T[T[keyof T] extends Function ? keyof T : never]' is not assignable to type '(...args: any) => any'.
[ng]           Type 'T[keyof T]' is not assignable to type '(...args: any) => any'.
[ng]             Type 'T[string] | T[number] | T[symbol]' is not assignable to type '(...args: any) => any'.
[ng]               Type 'T[string]' is not assignable to type '(...args: any) => any'.
[ng] 48     [K in NonPromiseReturningFunctionPropertyNames<T>]: (...args: Parameters<T[K]>) => Promise<ReturnType<T[K]>>;
[ng]                                                                                                              ~~~~
[ng] node_modules/@angular/fire/angularfire2.d.ts:50:75 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any'.
[ng]   Type 'T[{ [K in { [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]: ReturnType<T[K]> extends Promise<any> ? K : never; }[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]]' is not assignable to type '(...args: any) => any'.
[ng]     Type 'T[ReturnType<T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]> extends Promise<any> ? { [K in keyof T]: T[K] extends Function ? K : never; }[keyof T] : never]' is not assignable to type '(...args: any) => any'.
[ng]       Type 'T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]' is not assignable to type '(...args: any) => any'.
[ng] 50     [K in PromiseReturningFunctionPropertyNames<T>]: (...args: Parameters<T[K]>) => ReturnType<T[K]>;
[ng]                                                                              ~~~~
[ng] node_modules/@angular/fire/angularfire2.d.ts:50:96 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any'.
[ng]   Type 'T[{ [K in { [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]: ReturnType<T[K]> extends Promise<any> ? K : never; }[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]]' is not assignable to type '(...args: any) => any'.
[ng]     Type 'T[ReturnType<T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]> extends Promise<any> ? { [K in keyof T]: T[K] extends Function ? K : never; }[keyof T] : never]' is not assignable to type '(...args: any) => any'.
[ng]       Type 'T[{ [K in keyof T]: T[K] extends Function ? K : never; }[keyof T]]' is not assignable to type '(...args: any) => any'.
[ng] 50     [K in PromiseReturningFunctionPropertyNames<T>]: (...args: Parameters<T[K]>) => ReturnType<T[K]>;
[ng]                                                                                                   ~~~~
[ng] src/app/home/home.page.ts:18:4 - error TS2554: Expected 2 arguments, but got 1.
[ng] 18   @ViewChild(IonReorderGroup) reorderGroup: IonReorderGroup;
[ng]       ~~~~~~~~~~~~~~~~~~~~~~~~~~
[ng]   node_modules/@angular/core/core.d.ts:7888:47
[ng]     7888     (selector: Type<any> | Function | string, opts: {
[ng]                                                        ~~~~~~~
[ng]     7889         read?: any;
[ng]          ~~~~~~~~~~~~~~~~~~~
[ng]     7890         static: boolean;
[ng]          ~~~~~~~~~~~~~~~~~~~~~~~~
[ng]     7891     }): any;
[ng]          ~~~~~
[ng]     An argument for 'opts' was not provided.
[ng] src/app/home/home.page.ts:19:50 - error TS2300: Duplicate identifier 'reorderGroup'.
[ng] 19   @ViewChild(IonReorderGroup,  { static: true }) reorderGroup: IonReorderGroup
[ng]                                                     ~~~~~~~~~~~~
[ng] 

[tango4567]

I found my mistake, because of a duplicate declaration with same name.

// @ViewChild(IonReorderGroup) reorderGroup: IonReorderGroup;
@ViewChild(IonReorderGroup,  { static: true }) reorderGroup: IonReorderGroup

Secondly, I learned about skipLibCheck

This error is due to TypeScript type checking the definitions file of the AngularFire library.
Notice the errors are from node_modules/@angular/fire/angularfire2.d.ts:37:49.
To avoid this error you have to set some options in tsconfig.json.

tsconfig:
{ //... compilerOptions: { "skipLibCheck": true, //... } }

Angular8 firebase configuration error '@angular/fire/angularfire2'