2017-06-26 1 views
0

Ich verwende mean.js boilerplate. Ich möchte angular-stripe in meiner Kundenseite einschließen. Dafür habe ich angle-stripe installiert und es steht unter node_modules zur Verfügung.Eckig - Modul nicht verfügbar

Nun würde Ich mag es, in meinem Code hinzufügen, wie folgt

(function() { 
'use strict'; 

angular 
    .module('myApp', [ 
    'angular-stripe' 
    ]) 
    .config(function (stripeProvider) { 
    stripeProvider.setPublishableKey('my_key') 
    }) 

     PaymentController.$inject = ['$scope', '$state', 'Authentication', 'Socket', 'stripe']; 

     function PaymentController($scope, $state, Authentication, Socket, stripe) { 
     var vm = this; 
    } 
()); 

Es führt den Folowing Fehler

Module 'angular-stripe' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 
+1

Haben Sie das eckige-Streifen-Plugin enthalten, bevor Ihre Haupt-app.js lädt? –

+1

liebe zuerst überprüfen Sie haben Plugin angular-Stripe und .js-Datei in Ihrem Projekt enthalten. –

Antwort

1

Wenn Sie MeanJs vorformulierten verwenden, müssen Sie Ihre Abhängigkeiten bei config/assets/default.js in client - lib und client-css hinzufügen, wenn die dependecy eine .css Datei hat.

module.exports = { 
    client: { 
    lib: { 
     css: [ 
     // bower:css 
     'public/lib/bootstrap/dist/css/bootstrap.css', 
     'public/lib/bootstrap/dist/css/bootstrap-theme.css', 
     'public/lib/angular-ui-notification/dist/angular-ui-notification.css' 
     // endbower 
     ], 
     js: [ 
     // bower:js 
     'node_modules/angular-stripe/src/index.js', 
     'public/lib/angular/angular.js', 
     'public/lib/angular-animate/angular-animate.js', 
     'public/lib/angular-bootstrap/ui-bootstrap-tpls.js', 
     'public/lib/ng-file-upload/ng-file-upload.js', 
     'public/lib/angular-messages/angular-messages.js', 
     'public/lib/angular-mocks/angular-mocks.js', 
     'public/lib/angular-resource/angular-resource.js', 
     'public/lib/angular-ui-notification/dist/angular-ui-notification.js', 
     'public/lib/angular-ui-router/release/angular-ui-router.js', 
     'public/lib/owasp-password-strength-test/owasp-password-strength-test.js', 
     // endbower 
     ], // rest of the code.. 

MeanJs empfehlen bower für Frontend-Abhängigkeiten zu verwenden. Für weitere Informationen: MeanJS docs

1

Das Problem ist, dass die Winkelstreifen Plugin nicht enthalten ist, wenn das Winkelmodul ist deklariert.

Wenn js Module aus node_modules, verwenden Sie den globalen require() -Methode in Moduldeklaration statt

angular.module('myApp', [ 
    require('angular-stripe') 
]); 

Die andere Lösung der "Standard" die Dateien enthalten ist Art und Weise <script src="....

Gute Blog-Post über die Methode erfordert here

Verwandte Themen