0

angulars datepicker を使用するために、angular-material ライブラリを含めることはできません。エラーは常に次を参照します。

モジュール ngMaterial のインスタンス化に失敗しました: エラー: [$injector:nomod] http://errors.angularjs.org/1.5.0/ $injector/nomod?p0=ngMa...

次のページにメッセージが表示されます。

モジュール「ngMaterial」は利用できません! モジュール名のつづりを間違えたか、モジュールをロードするのを忘れました。モジュールを登録する場合は、依存関係を 2 番目の引数として指定してください。

JavaScript ファイルと HTML ファイルの依存関係の順序を交換しようとしました。さらに、ロードするモジュールの複数の組み合わせを試しました。単純な「bower update」でも問題は解決しませんでした。

私はあなたが持っているすべてのアイデアに感謝します!

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
4

2 に答える 2