2017-05-10 1 views
1

Je n'arrive pas à injecter un module dans mon application angulaire.Injection d'un module dans l'angle d'un module non trouvé

Je suis en train d'importer le module suivant qui est installé par charmille en utilisant:

bower install angular-pagedown --save 

Cela semble charger bien dans le dossier Bower-composants qui est dans la structure du dossier suivant:

clinet 
------app 
---------bower-components 
-------------------angular-pagedown 
-------------------pagedown 

Lorsque j'essaie d'injecter le module comme indiqué dans les instructions en utilisant 'ui.pagedown' qui est en effet le nom du module, j'utilise le code suivant dans app.js:

import _Auth from '../components/auth/auth.module'; 
import account from './account'; 
import admin from './admin'; 
import navbar from '../components/navbar/navbar.component'; 
import footer from '../components/footer/footer.component'; 
import main from './main/main.component'; 
import questionsCreate from 
'./questionsCreate/questionsCreate.component'; 
import questionsShow from './questionsShow/questionsShow.component'; 
import constants from './app.constants'; 
import util from '../components/util/util.module'; 
import socket from '../components/socket/socket.service'; 


import './app.scss'; 

angular.module('filQuestionsApp', [ngCookies, ngResource, ngSanitize, 
'btford.socket-io', uiRouter, 
    uiBootstrap, _Auth, account, admin, 'validation.match', navbar, 
footer, main, questionsCreate, 
    questionsShow, constants, socket, util, 'ui.pagedown' 
]) 

Je semble obtenir l'erreur suivante lorsque vous essayez d'utiliser le module:

Module « ui.pagedown » est pas disponible! Vous avez soit mal orthographié le nom du module, soit oublié de le charger. Si vous enregistrez un module, assurez-vous de spécifier les dépendances comme deuxième argument.

Je semblent faire quelque chose de vraiment mal avec Bower et angulaire ensemble, je suis aussi obtenir 400 errors en termes de mise en forme et je ne suis pas sûr du processus d'injection.

+1

Vous chargez cette bibliothèque? Sinon, l'injecteur de dépendances ne fonctionnera pas. – elvin

+0

Désolé d'être naïf mais que voulez-vous dire par "chargement" du module. C'est très probablement alors il me manque. –

+0

Je ne suis pas sûr de ces importations, mais normalement ce que j'ai fait avec AngularJS est de charger les modules/bibliothèques dans le HTML avec une balise de script, d'où le DI est capable de les résoudre. Vous pouvez même utiliser un chargeur de module comme systemjs, c'est pourquoi je vous demandais comment vous les chargez. – elvin

Répondre

0

Comment angular-pagedown travail:

bower install angular-pagedown --save 

Cela permettra aussi d'installer les dépendances PageDown. importer ces fichiers dans votre code HTML:

pagedown/Markdown.Converter.js 
pagedown/Markdown.Sanitizer.js 
pagedown/Markdown.Extra.js 
pagedown/Markdown.Editor.js 
angular-pagedown/angular-pagedown.js 
angular-pagedown/angular-pagedown.css 

Si vous utilisez un outil de construction tels que les fichiers principaux-Bower-de grunt/Gulp, vous n'avez pas besoin d'importer les fichiers manuellement. Mais ajoutez dans votre bower.json

"overrides": { 
    "pagedown": { 
    "main": [ 
     "Markdown.Converter.js", 
     "Markdown.Sanitizer.js", 
     "Markdown.Extra.js", 
     "Markdown.Editor.js", 
     "wmd-buttons.png" 
    ] 
    } 
} 

Include dépendance dans votre application angular.module("yourApp", ["ui.pagedown"]);

+0

Merci! Ce sont les étapes exactes que j'ai suivies. J'ai aussi la dépendance pagedown. J'utilise Gulp et j'ai fait ce que vous avez dit ici. Je ne sais pas pourquoi ça ne marche toujours pas. –

+0

Puisque vous utilisez gulp, avez-vous changé votre bower.json? Découvrez aussi les orthographes –

+1

Le chargement du répertoire signifie également sa référence/script dans votre fichier html –