2016-08-20 56 views
3

我試圖讓ng-file-upload與我使用webpack的angularjs項目一起工作。我通過NPM安裝NG-文件上傳並把它添加到我的主要app.jsangular webpack ng-file-upload

var ngFileUpload = require('../../node_modules/ng-file-upload/dist/ng-file-upload.min'); 
module.exports = angular.module('app', [ngFileUpload]) 

但我仍然得到:

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: 
Error: [$injector:modulerr] Failed to instantiate module {} due to: 
Error: [ng:areq] Argument 'module' is not a function, got Object 

誰能告訴我什麼我做錯了,因爲我試圖找到任何有關這方面的信息,但沒有成功。

+0

角哪個版本?你爲什麼要使用require?你可以發佈你的index.html嗎? – hpfs

+1

這是角1.5.6。我的整個應用程序都使用require作爲模塊,因爲它是一個有角度的webpack,它不包含包含腳本的index.html。 – Rocket

+0

不應該是帶引號的angular.module('app',['ngFileUpload'])嗎? –

回答

5

尋找ngFileUpload導出的內容以及模塊的名稱。現在你在角度依賴中注入模塊,但你只需要給你ngFileUpload模塊的名稱,而不是自己的ngFileUpload。這就是你得到這個錯誤的原因。它期待一個模塊的名字,而是獲取一個對象。

+1

你說得對,更改爲'require('ng-file-upload')'解決了問題:) – Rocket