角度 - 模块不可用

Question

我正在使用平均.js样板。我想在我的客户端包含棱角分明的条纹。为此，我已经安装了棱角分明的条纹，它可以在node_modules下使用。

现在我想将其添加到我的代码中，如下所示

(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; 
}
());

它抛出以下错误

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.

Answer 1

如果您使用的是 MeanJs 样板，则必须在client - lib中的config/assets/default.js处添加依赖项，并client-css依赖项是否有.css文件。

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 强烈建议将bower用于前端依赖项。 有关更多信息： MeanJS 文档

Answer 2

问题是在声明角度模块时不包括角度条纹插件。

从node_modules使用 js 模块时，请在模块声明中使用全局 require() 方法。

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

另一种解决方案是以"标准"方式包含文件<script src="....

关于这里的需求方法的好博客文章