2016-08-20 1 views
3

J'essaie d'obtenir ng-file-upload pour fonctionner avec mon projet angularjs, qui utilise webpack. Je l'ai installé ng-file-upload via NPM et ajouté à mes principaux app.jswebpack angulaire ng-file-upload

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

Mais je suis encore en train:

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 

Quelqu'un pourrait-il me dire ce que je fais mal, depuis que j'ai essayé de trouver des informations à ce sujet sans succès.

+0

Quelle version de angulaire? Pourquoi utilisez-vous require? Pouvez-vous poster votre index.html? – hpfs

+1

C'est angulaire 1.5.6. Toute mon application utilise require pour les modules, car il s'agit d'un webpack angulaire et il ne contient pas index.html où les scripts sont inclus. – Rocket

+0

ne devrait-il pas être angular.module ('app', ['ngFileUpload']) avec les guillemets? –

Répondre

5

Recherchez ce que ngFileUpload est en train d'exporter et quel est le nom du module. En ce moment vous injectez le module dans la dépendance angulaire mais vous devez juste donner le nom de votre module ngFileUpload pas le ngFileUpload lui-même. C'est pourquoi vous obtenez cette erreur. Il attend un nom de module mais obtient un objet à la place.

+1

Vous avez raison, en changeant à 'require ('ng-file-upload')' problème résolu :) – Rocket