search

tango4567 / solutions

Here I am adding lots of different stuff. This is the collection of problems with their solutions. Most important please share good vibes and correct me if you found anything wrong here. Thanks in advance.
Apache License 2.0
5 stars 0 forks source link

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

Closed tango4567 closed 4 years ago

tango4567 commented 4 years ago

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 commented 4 years ago

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'