无法实例化模块 ng材料

Failed to instantiate module ngMaterial

本文关键字：ng 材料 模块 实例化      更新时间：2023-09-26

我不能包含角度材料库，以使用角度日期选择器。错误始终是指：

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

下一页给出消息：

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

我试图交换JavaScript和HTML文件中依赖项的顺序。此外，我尝试了应加载哪些模块的多种组合。简单的"鲍尔更新"也没有解决问题。

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

脚本.js

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

鲍尔.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"
},

索引.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

相关文章：