2016-08-20 75 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