精細上傳 - angular2 +打字稿

我已經安裝使用NPM安裝精細上傳庫，並試圖在該文檔（http://docs.fineuploader.com/features/modules.html）精細上傳 - angular2 +打字稿

就像提到導入精細上傳 -

進口{QQ }來自'fine-uploader';

但它給錯誤，因爲找不到模塊。有什麼需要做的事情來做到這一點？

2016-09-21 Shyam Shinde

您發佈的代碼不會出現在文檔的任何位置。

你的代碼假定的「QQ」存在一個名爲出口：

import {qq } from 'fine-uploader';

精細上傳不聲明任何命名的出口，只有一個默認的導出。儘管如此，你可以稱它爲任何你想要的，以匹配文檔的其餘部分，將它稱爲「qq」是有意義的。

如文檔演示，您必須導入精細上傳這樣的：

import qq from 'fine-uploader';

來源

2016-09-21 19:55:37

找到HTML我也試過，但仍然給出相同的錯誤！ –

然後，您可能尚未從npm安裝Fine Uploader，或者您使用的是舊版本。 –

我使用npm安裝了它，它的版本是3.10.3。我現在已經升級到3.10.8並安裝了Fine Uploader ...仍然有相同的錯誤 –

這是我做過什麼，使其工作：

零步：包括CSS和JS文件angular-cli.json文件。

"styles": [ 
    "../node_modules/fine-uploader/fine-uploader/fine-uploader-gallery.min.css" 
], 
"scripts": [ 
    "../node_modules/fine-uploader/fine-uploader/fine-uploader.min.js" 
],

步驟一： 你的組件文件的頂部添加/// <reference types="fine-uploader" />。

第二步：申報下列變量：

uploader: FineUploader.qq; 
uiOptions: FineUploader.UIOptions; 
coreEvents: FineUploader.CoreEvents;

第三步： 添加UI選項和初始化FineUploader在ngOnInit

this.uiOptions = { 
    element: document.getElementById('qq-template'), 
    template: "qq-template" 
}; 
this.uploader = new qq.FineUploader(this.uiOptions);

第四步： 添加模板您的COMPONENT_NAME.component.html文件中的HTML。您可能會在node_modules/fine-uploader/fine-uploader/templates/

來源

2017-05-19 10:20:01 Chaitanya

精細上傳 - angular2 +打字稿

回答

相關問題