宣言ファイルの使用typescript

Question

こんにちは、私のtypescriptプロジェクトで宣言ファイルを使用している問題があります。次のように

宣言ファイルは、次のとおりです。

// Type definitions for Dropzone 4.3.0 
 
// Project: http://www.dropzonejs.com/ 
 
// Definitions by: Natan Vivo <https://github.com/nvivo>, Andy Hawkins <https://github.com/a904guy/,http://a904guy.com/,http://www.bmbsqd.com>, Vasya Aksyonov <https://github.com/outring>, Simon Huber <https://github.com/renuo> 
 
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped 
 

 
/// <reference path="jquery.d.ts"/> 
 

 
interface DropzoneResizeInfo { 
 
\t srcX?:number; 
 
\t srcY?:number; 
 
\t trgX?:number; 
 
\t trgY?:number; 
 
\t srcWidth?:number; 
 
\t srcHeight?:number; 
 
\t trgWidth?:number; 
 
\t trgHeight?:number; 
 
\t optWidth?:number; 
 
\t optHeight?:number; 
 
} 
 

 
interface DropzoneFile extends File { 
 
\t previewElement: HTMLElement; 
 
\t previewTemplate: HTMLElement; 
 
\t previewsContainer: HTMLElement; 
 
\t status: string; 
 
\t accepted: boolean; 
 
} 
 

 
interface DropzoneOptions { 
 
\t url?: string; 
 
\t method?: string; 
 
\t withCredentials?: boolean; 
 
\t parallelUploads?: number; 
 
\t uploadMultiple?: boolean; 
 
\t maxFilesize?: number; 
 
\t paramName?: string; 
 
\t createImageThumbnails?: boolean; 
 
\t maxThumbnailFilesize?: number; 
 
\t thumbnailWidth?: number; 
 
\t thumbnailHeight?: number; 
 
\t filesizeBase?: number; 
 
\t maxFiles?: number; 
 
\t params?: {}; 
 
\t headers?: {}; 
 
\t clickable?: boolean|string|HTMLElement|(string|HTMLElement)[]; 
 
\t ignoreHiddenFiles?: boolean; 
 
\t acceptedFiles?: string; 
 
\t renameFilename?(name:string): string; 
 
\t autoProcessQueue?: boolean; 
 
\t autoQueue?: boolean; 
 
\t addRemoveLinks?: boolean; 
 
\t previewsContainer?: boolean|string|HTMLElement; 
 
\t hiddenInputContainer?: HTMLElement; 
 
\t capture?: string; 
 

 
\t dictDefaultMessage?: string; 
 
\t dictFallbackMessage?: string; 
 
\t dictFallbackText?: string; 
 
\t dictFileTooBig?: string; 
 
\t dictInvalidFileType?: string; 
 
\t dictResponseError?: string; 
 
\t dictCancelUpload?: string; 
 
\t dictCancelUploadConfirmation?: string; 
 
\t dictRemoveFile?: string; 
 
\t dictRemoveFileConfirmation?: string; 
 
\t dictMaxFilesExceeded?: string; 
 

 
\t accept?(file:DropzoneFile, done:(error?:string|Error) => void):void; 
 
\t init?():void; 
 
\t forceFallback?: boolean; 
 
\t fallback?():void; 
 
\t resize?(file:DropzoneFile):DropzoneResizeInfo; 
 

 
\t drop?(e:DragEvent):void; 
 
\t dragstart?(e:DragEvent):void; 
 
\t dragend?(e:DragEvent):void; 
 
\t dragenter?(e:DragEvent):void; 
 
\t dragover?(e:DragEvent):void; 
 
\t dragleave?(e:DragEvent):void; 
 
\t paste?(e:DragEvent):void; 
 

 
\t reset?():void; 
 

 
\t addedfile?(file:DropzoneFile):void; 
 
\t addedfiles?(files:DropzoneFile[]):void; 
 
\t removedfile?(file:DropzoneFile):void; 
 
\t thumbnail?(file:DropzoneFile, dataUrl:string):void; 
 

 
\t error?(file:DropzoneFile, message:string|Error, xhr:XMLHttpRequest):void; 
 
\t errormultiple?(files:DropzoneFile[], message:string|Error, xhr:XMLHttpRequest):void; 
 

 
\t processing?(file:DropzoneFile):void; 
 
\t processingmultiple?(files:DropzoneFile[]):void; 
 

 
\t uploadprogress?(file:DropzoneFile, progress:number, bytesSent:number):void; 
 
\t totaluploadprogress?(totalProgress:number, totalBytes:number, totalBytesSent:number):void; 
 

 
\t sending?(file:DropzoneFile, xhr:XMLHttpRequest, formData:FormData):void; 
 
\t sendingmultiple?(files:DropzoneFile[], xhr:XMLHttpRequest, formData:FormData):void; 
 

 
\t success?(file: DropzoneFile, response: Object|string): void; 
 
\t successmultiple?(files:DropzoneFile[], responseText:string):void; 
 

 
\t canceled?(file:DropzoneFile):void; 
 
\t canceledmultiple?(file:DropzoneFile[]):void; 
 

 
\t complete?(file:DropzoneFile):void; 
 
\t completemultiple?(file:DropzoneFile[]):void; 
 

 
\t maxfilesexceeded?(file:DropzoneFile):void; 
 
\t maxfilesreached?(files:DropzoneFile[]):void; 
 
\t queuecomplete?():void; 
 

 
\t previewTemplate?: string; 
 
} 
 

 
declare class Dropzone { 
 
\t constructor(container:string|HTMLElement, options?:DropzoneOptions); 
 

 
\t static autoDiscover:boolean; 
 
\t static options:any; 
 
\t static confirm:(question:string, accepted:() => void, rejected?:() => void) => void; 
 

 
\t static ADDED:string; 
 
\t static QUEUED:string; 
 
\t static ACCEPTED:string; 
 
\t static UPLOADING:string; 
 
\t static PROCESSING:string; 
 
\t static CANCELED:string; 
 
\t static ERROR:string; 
 
\t static SUCCESS:string; 
 

 
\t files:DropzoneFile[]; 
 

 
\t enable():void; 
 

 
\t disable():void; 
 

 
\t destroy():Dropzone; 
 

 
\t addFile(file:DropzoneFile):void; 
 

 
\t removeFile(file:DropzoneFile):void; 
 

 
\t removeAllFiles(cancelIfNecessary?:boolean):void; 
 

 
\t processQueue():void; 
 

 
\t cancelUpload(file:DropzoneFile):void; 
 

 
\t processFiles(files:DropzoneFile[]):void; 
 

 
\t processFile(file:DropzoneFile):void; 
 

 
\t uploadFile(file:DropzoneFile):void; 
 

 
\t getAcceptedFiles():DropzoneFile[]; 
 

 
\t getRejectedFiles():DropzoneFile[]; 
 

 
\t getQueuedFiles():DropzoneFile[]; 
 

 
\t getUploadingFiles():DropzoneFile[]; 
 

 
\t accept(file:DropzoneFile, done:(error?:string|Error) => void):void; 
 

 
\t getActiveFiles():DropzoneFile[]; 
 

 
\t getFilesWithStatus(status:string):DropzoneFile[]; 
 

 
\t enqueueFile(file:DropzoneFile):void; 
 

 
\t enqueueFiles(file:DropzoneFile[]):void; 
 

 
\t createThumbnail(file:DropzoneFile, callback?:(...args:any[]) => void):any; 
 

 
\t createThumbnailFromUrl(file:DropzoneFile, url:string, callback?:(...args:any[]) => void):any; 
 

 
\t on(eventName:string, callback:(...args:any[]) => void):Dropzone; 
 

 
\t off(eventName:string):Dropzone; 
 

 
\t emit(eventName:string, ...args:any[]):Dropzone; 
 

 
\t on(eventName:"drop", callback:(e:DragEvent) => any):Dropzone; 
 
\t on(eventName:"dragstart", callback:(e:DragEvent) => any):Dropzone; 
 
\t on(eventName:"dragend", callback:(e:DragEvent) => any):Dropzone; 
 
\t on(eventName:"dragenter", callback:(e:DragEvent) => any):Dropzone; 
 
\t on(eventName:"dragover", callback:(e:DragEvent) => any):Dropzone; 
 
\t on(eventName:"dragleave", callback:(e:DragEvent) => any):Dropzone; 
 
\t on(eventName:"paste", callback:(e:DragEvent) => any):Dropzone; 
 

 
\t on(eventName:"reset"):Dropzone; 
 

 
\t on(eventName:"addedfile", callback:(file:DropzoneFile) => any):Dropzone; 
 
\t on(eventName:"addedfiles", callback:(files:DropzoneFile[]) => any):Dropzone; 
 
\t on(eventName:"removedfile", callback:(file:DropzoneFile) => any):Dropzone; 
 
\t on(eventName:"thumbnail", callback:(file:DropzoneFile, dataUrl:string) => any):Dropzone; 
 

 
\t on(eventName:"error", callback:(file:DropzoneFile, message:string|Error) => any):Dropzone; 
 
\t on(eventName:"errormultiple", callback:(files:DropzoneFile[], message:string|Error) => any):Dropzone; 
 

 
\t on(eventName:"processing", callback:(file:DropzoneFile) => any):Dropzone; 
 
\t on(eventName:"processingmultiple", callback:(files:DropzoneFile[]) => any):Dropzone; 
 

 
\t on(eventName:"uploadprogress", callback:(file:DropzoneFile, progress:number, bytesSent:number) => any):Dropzone; 
 
\t on(eventName:"totaluploadprogress", callback:(totalProgress:number, totalBytes:number, totalBytesSent:number) => any):Dropzone; 
 

 
\t on(eventName:"sending", callback:(file:DropzoneFile, xhr:XMLHttpRequest, formData:FormData) => any):Dropzone; 
 
\t on(eventName:"sendingmultiple", callback:(files:DropzoneFile[], xhr:XMLHttpRequest, formData:FormData) => any):Dropzone; 
 

 
\t on(eventName:"success", callback:(file:DropzoneFile) => any):Dropzone; 
 
\t on(eventName:"successmultiple", callback:(files:DropzoneFile[]) => any):Dropzone; 
 

 
\t on(eventName:"canceled", callback:(file:DropzoneFile) => any):Dropzone; 
 
\t on(eventName:"canceledmultiple", callback:(file:DropzoneFile[]) => any):Dropzone; 
 

 
\t on(eventName:"complete", callback:(file:DropzoneFile) => any):Dropzone; 
 
\t on(eventName:"completemultiple", callback:(file:DropzoneFile[]) => any):Dropzone; 
 

 
\t on(eventName:"maxfilesexceeded", callback:(file:DropzoneFile) => any):Dropzone; 
 
\t on(eventName:"maxfilesreached", callback:(files:DropzoneFile[]) => any):Dropzone; 
 
\t on(eventName:"queuecomplete"):Dropzone; 
 

 
\t emit(eventName:"drop", e:DragEvent):Dropzone; 
 
\t emit(eventName:"dragstart", e:DragEvent):Dropzone; 
 
\t emit(eventName:"dragend", e:DragEvent):Dropzone; 
 
\t emit(eventName:"dragenter", e:DragEvent):Dropzone; 
 
\t emit(eventName:"dragover", e:DragEvent):Dropzone; 
 
\t emit(eventName:"dragleave", e:DragEvent):Dropzone; 
 
\t emit(eventName:"paste", e:DragEvent):Dropzone; 
 

 
\t emit(eventName:"reset"):Dropzone; 
 

 
\t emit(eventName:"addedfile", file:DropzoneFile):Dropzone; 
 
\t emit(eventName:"addedfiles", files:DropzoneFile[]):Dropzone; 
 
\t emit(eventName:"removedfile", file:DropzoneFile):Dropzone; 
 
\t emit(eventName:"thumbnail", file:DropzoneFile, dataUrl:string):Dropzone; 
 

 
\t emit(eventName:"error", file:DropzoneFile, message:string|Error):Dropzone; 
 
\t emit(eventName:"errormultiple", files:DropzoneFile[], message:string|Error):Dropzone; 
 

 
\t emit(eventName:"processing", file:DropzoneFile):Dropzone; 
 
\t emit(eventName:"processingmultiple", files:DropzoneFile[]):Dropzone; 
 

 
\t emit(eventName:"uploadprogress", file:DropzoneFile, progress:number, bytesSent:number):Dropzone; 
 
\t emit(eventName:"totaluploadprogress", totalProgress:number, totalBytes:number, totalBytesSent:number):Dropzone; 
 

 
\t emit(eventName:"sending", file:DropzoneFile, xhr:XMLHttpRequest, formData:FormData):Dropzone; 
 
\t emit(eventName:"sendingmultiple", files:DropzoneFile[], xhr:XMLHttpRequest, formData:FormData):Dropzone; 
 

 
\t emit(eventName:"success", file:DropzoneFile):Dropzone; 
 
\t emit(eventName:"successmultiple", files:DropzoneFile[]):Dropzone; 
 

 
\t emit(eventName:"canceled", file:DropzoneFile):Dropzone; 
 
\t emit(eventName:"canceledmultiple", file:DropzoneFile[]):Dropzone; 
 

 
\t emit(eventName:"complete", file:DropzoneFile):Dropzone; 
 
\t emit(eventName:"completemultiple", file:DropzoneFile[]):Dropzone; 
 

 
\t emit(eventName:"maxfilesexceeded", file:DropzoneFile):Dropzone; 
 
\t emit(eventName:"maxfilesreached", files:DropzoneFile[]):Dropzone; 
 
\t emit(eventName:"queuecomplete"):Dropzone; 
 

 
} 
 

 
interface JQuery { 
 
\t dropzone(options:DropzoneOptions): Dropzone; 
 
} 
 

 
declare module "dropzone" { 
 
\t export = Dropzone; 
 
}

私はドロップゾーンクラスのコンストラクタにアクセスしようとしていますが、私は常にエラー私の中で「ドロップゾーンが定義されていません」を取得しますapp.tsファイル。次のように

app.tsファイルがある：

///<reference path="../../typings/angular.d.ts" /> 
 
///<reference path="../../node_modules/underscore/underscore.d.ts" /> 
 
///<reference path="../../typings/dropzone.d.ts" /> 
 

 
var underscore = angular.module('underscore', []); 
 

 
var app : any = angular.module('App', [ 
 
    'ui.router', 
 
    'App.common', 
 
    'App.home', 
 
    'angularSpinners', 
 
    'underscore', 
 
    'ui.bootstrap' 
 
]); 
 

 
app.directive("dropzone", function(){ 
 
    return function (scope, element, attrs) { 
 
     var config, dropzone; 
 
     config = scope["vm"]["$scope"]["dropzoneConfig"]; 
 
     // create a Dropzone for the element with the given options 
 
     window.onload = function() { 
 
     // access Dropzone here 
 
     dropzone = new Dropzone(element[0], config.options); 
 
     // bind the given event handlers 
 
     angular.forEach(config.eventHandlers, function (handler, event) { 
 
      dropzone.on(event, handler); 
 
     }); 
 
     }; 
 
    }; 
 
});

と宣言ファイルへのパスが正しいです。

私は非常に多くのことを試してきましたが、しばらくこれに固執しています。

誰かが本当にありがとうございました。

Answer 1

Dropzoneを現在のファイルにインポートしませんでした。 import * as Dropzone from "your module location"