如何配置angular2-dropzone-wrapper

我試圖讓的angular2-dropzone-wrapper工作，但有麻煩。如何配置angular2-dropzone-wrapper

我做

npm install angular2-dropzone-wrapper --save

這導致我node_modules文件夾命名爲angular2-dropzone-wrapper一個新的文件夾。在我package.json我現在有"angular2-dropzone-wrapper": "^2.0.3"

在我app.modules.ts我加

import { DropzoneModule, DropzoneConfig, DropzoneConfigInterface, DropzoneDirective } from "angular2-dropzone-wrapper";

並補充DropzoneModule到我加

private dropZoneConfig: DropzoneConfigInterface;

我

@NgModule({ 
    imports: [

到我的網頁組件TS文件

In我的構造我想補充（VS2015是給我的IntelliSense）：

this.dropZoneConfig.server = this.url; 
    this.dropZoneConfig.acceptedFiles = "*.xml";

在我的HTML頁面我添加

<dropzone [config]="dropZoneConfig" [message]="'Click or drag images here to upload'"></dropzone>

現在當我加載頁面我得到這個控制檯錯誤：

GET http://localhost:3000/dropzone 404 (Not Found) 
Error: Error: XHR error (404 Not Found) loading http://localhost:3000/dropzone 
    at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29) 
    at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35) 
    at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:154:47) 
    at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33) 
Error loading http://localhost:3000/dropzone as "dropzone" from http://localhost:3000/node_modules/angular2-dropzone-wrapper/dist/lib/dropzone.component.js

我認爲這意味着dropzone組件無法找到或未正確配置。我一直在尋找一個工作例子的日子，但找不到它。

有誰知道發生了什麼問題？

編輯我只是做了一個npm update拿到了這個錯誤：

+-- [email protected] 
+-- UNMET PEER DEPENDENCY [email protected] 
+-- [email protected] 
`-- UNMET PEER DEPENDENCY [email protected] 

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]^1.0.0 (node_modules\chokidar\node_modules\fsevents): 
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) 
npm WARN [email protected] requires a peer of [email protected]^5.0.0 but none was installed. 
npm WARN [email protected] requires a peer of [email protected]^0.7.0 but none was installed.

如何解決這些？他們看起來與我的問題有關。我也做了一些額外的配置變化，現在我在控制檯收到此錯誤：

Error: TypeError: ctorParameters.map is not a function

尋找ctorParameters.map is not a function in angular2-mdl它看起來我需要與我相依的版本號的東西，但我不知道什麼。

來源

2017-02-23 Paul Meems

我發現了這個問題。我還需要進口懸浮窗和我需要從V2.0.0升級我Angular2版本v2.4.8

所以我systemjs.config.js看起來是這樣的：

var map { 
    "dropzone": "node_modules/dropzone/dist/", 
    "angular2-dropzone-wrapper": "node_modules/angular2-dropzone-wrapper" 
}; 
var packages = { 
    "dropzone": { "main": "dropzone.js", "defaultExtension": "js" }, 
    'angular2-dropzone-wrapper': { "main": "index.js", "defaultExtension": "js" } 
}

我app.modules.ts也發生了變化：

import { DropzoneModule } from "angular2-dropzone-wrapper/dist/index";

我現在可以上傳我的文件。我的確有更多關於dropzone的問題，但會在一個單獨的問題中提出問題。

來源

2017-02-23 13:21:52

如何配置angular2-dropzone-wrapper

回答

相關問題