无法实例化模块ngMaterial

Posted 2021-05-04

我不能包括角度材料库，使用angulars datepicker。错误总是指：

由于以下原因无法实例化模块ngMaterial：错误：[$ injector：nomod] http://errors.angularjs.org/1.5.0/ $ injector / nomod？p0 = ngMa ...

并在下一页给出消息：

模块'ngMaterial'不可用！您要么错误拼写了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

我试图在javascript和html文件中交换依赖项的顺序。此外，我尝试了应该加载哪些模块的多种组合。一个简单的“凉亭更新”也没有解决问题。

我会感谢你的每一个想法！

的script.js

var onlineApp = angular.module('onlineApp', [
    'ng',
    'ngRoute',
    'ngAnimate',
    'ngAria',
    'ngMessages',
    'ngMaterial',
    'pascalprecht.translate',
    'ui.bootstrap',
    'flow', 'flow.img', 'flow.init', 'flow.provider' ]);

bower.json

"dependencies": {
    "angular": "^1.5.0",
    "angular-bootstrap": "^1.1.2",
    "angular-route": "^1.5.0",
    "angular-material": "^1.0.5",
    "angular-translate": "^2.6.1",
    "angular-translate-loader-static-files": "^2.8.0",

    "jquery": "^1.10.2",
    "bootstrap": "^3.1.1",
    "bootstrapvalidator": "^0.5.0",
    "flow.js": "^2.9.0",
    "momentjs": "^2.5.1",
    "ng-file-upload": "^5.0.9",
    "ng-flow": "^2.6.1"
},

的index.html

    <!-- build:js js/vendor.js -->
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-animate/angular-animate.min.js"></script>
    <script src="bower_components/angular-route/angular-route.min.js"></script>
    <script src="bower_components/angular-material/angular-material.min.js"></script>
    <script src="bower_components/angular-messages/angular-messages.min.js"></script>
    <script src="bower_components/angular-aria/angular-aria.min.js"></script>
    <script src="bower_components/momentjs/min/moment-with-locales.min.js"></script>
    <script src="bower_components/ng-file-upload/ng-file-upload-all.min.js"></script>
    <script src="bower_components/angular-translate/angular-translate.min.js"></script>
    <script src="bower_components/ng-flow/dist/ng-flow.min.js"></script>
    <script src="bower_components/flow.js/dist/flow.min.js"></script>
    <script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/bootstrapvalidator/dist/js/bootstrapValidator.min.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <!-- endbuild -->
    <!-- build:js js/site.js -->
    <script src="js/onlinereg.js"></script

答案

解决了这个问题。我不得不扩展带有依赖项的“Gruntfile.js”。现在它就像一个魅力。

另一答案

如何使用依赖项扩展Gruntfile.js