Wie verwende ich Cropper.js in Angular2 Projekt mit angular-cli?

Question

Ich möchte cropper.js (https://github.com/fengyuanchen/cropperjs) verwenden, um einen Angular2-Cropper mit angular-cli zu erstellen.

Meine Richtlinie ist:

import {Directive, ElementRef, Input, OnInit} from '@angular/core'; 
import Cropper from 'cropperjs'; 

@Directive({ 
    selector: '[ng2-cropper]' 
}) 
export class Ng2CropperJsDirective implements OnInit { 
    @Input('options') options: any = {}; 
    private cropper; 
    constructor(private _element: ElementRef) { } 

    ngOnInit(): void { 
    console.log(Cropper); 
    this.cropper = new Cropper(this._element.nativeElement, this.options); 
    } 
} 

Der Fehler von ng serve ist: Cannot find module 'cropperjs'

Aber cropperjs ist in node_modules und meine angular-cli.json aktualisiert mit:

"scripts": [ 
    "../node_modules/cropperjs/dist/cropper.js" 
], 

Ich habe keine Ideen, um das Problem zu lösen.

Answer 1

Ich denke nicht, dass cropper Typisierungen hat so, wenn Sie import Cropper from 'cropperjs'; tun es Arbeit doesnot

einfache Lösung wäre in typings.d.ts

declare var Cropper: any; 

Es hinzufügen lassen Typescript mit Cropper als dynamische

arbeiten

Remove Import, die Sie

richtige Lösung install typings

012 zu importieren wäre

npm install --save @types/cropperjs