ERROR in node_modules/angular-skyhook-multi-backend/ambient.d.ts(26,47): error TS7031: Binding element 'boolean' implicitly has an 'any' type.

[punxrok]

I am trying to integrate angular-skyhook into my angular project (based on https://github.com/ngx-rocket/starter-kit).

When I try to start my development server I get the following error:

ERROR in node_modules/angular-skyhook-multi-backend/ambient.d.ts(26,47): error TS7031: Binding element 'boolean' implicitly has an 'any' type.

I'm using the latest version of angular-skyhook (1.0.7).

My current workaround is setting "noImplicitAny": false in tsconfig.

module declaration:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BuilderComponent } from './builder.component';
import { BuilderRoutingModule } from '@app/builder/builder-routing.module';
import { TranslateModule } from '@ngx-translate/core';
import { CoreModule } from '@app/core';
import { SharedModule } from '@app/shared';
import {DndModule} from '@beyerleinf/ngx-dnd';
import {FormsModule} from '@angular/forms';
import {SkyhookDndModule} from 'angular-skyhook';
import { createDefaultMultiBackend} from 'angular-skyhook-multi-backend';
import { default as HTML5Backend } from 'react-dnd-html5-backend';
import { SortableComponent } from './sortable/sortable.component';
import {CardComponent, CardInnerDirective} from './card/card.component';




@NgModule({
  imports: [
    CommonModule,
    TranslateModule,
    CoreModule,
    SharedModule,
    FormsModule,
    BuilderRoutingModule,
    DndModule.forRoot(),
    // SkyhookDndModule.forRoot( {backend: HTML5Backend}),
    SkyhookDndModule.forRoot({ backendFactory: createDefaultMultiBackend }),
  ],
  declarations: [
    BuilderComponent,
    SortableComponent,
    CardInnerDirective,
    CardComponent
  ]
})
export class BuilderModule { }

ambient.d.ts:

declare module "dnd-multi-backend" {
    export interface Transition {
        event: string;
        check: (event: Event) => boolean;
    }
    export type Backend = any;
    export type BackendTransition = {
        backend: any;
        transition: Transition;
    };
    const MultiBackend: (
        transition: { backends: BackendTransition[] }
    ) => Backend;
    export default MultiBackend;
    export const createTransition: (
        event: string,
        check: (event: Event) => boolean
    ) => Transition;
    export const HTML5DragTransition: Transition;
    export const TouchTransition: Transition;
    export const MouseTransition: Transition;
}

declare module "react-dnd-touch-backend" {
    import { Backend } from "dnd-multi-backend";
    **const TouchBackend: ({ enableMouseEvents: boolean }) => Backend;**
    export default TouchBackend;
}

[cormacrelf]

I’m quite sure the library itself is compiled with noImplicitAny: true. I’m going to need your TypeScript version, because I do want to know what versions work and what ones don’t.

It looks like this problem: microsoft/TypeScript#9657 but I haven’t worked out why it compiles with ngc and TS 2.7.

[punxrok]

My TypeScript version is 2.7.2 my IDE is WebStorm.

[cormacrelf]

I might be a couple of days getting to a dev machine. You could hang tight with the workaround, or zap a PR with `export const TouchBackend: ({enableMouseEvents}: {enableMouseEvents: boolean}) => Backend;` ...although I wouldn’t be able to release 1.0.8 either, so probably just hang tight.

…

On 21 Jun 2018, at 23:36, punxrok ***@***.***> wrote: My TypeScript version is 2.7.2 my IDE is WebStorm. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or mute the thread.

[cormacrelf]

(Also maybe skipLibCheck: true would help. Maybe. I think it’s on by default for @angular/cli projects, maybe not for your template.)

[cormacrelf]

multi backend 1.0.8 published

[punxrok]

thank you