為什么添加角度輪播會拋出$ injector：modulerr？

Question

我嘗試在應用程序中添加angular-carousel ，但出現此錯誤

   Failed to instantiate module ngMaterial due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=n...)
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:6:412
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:40:222
    at q (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:7:355)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:39:319)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:39:488
    at q (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:7:355)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:39:319)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:39:488
    at q (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js:7:355

只有在輪播中在應用程序中添加ngMaterial ，才出現此錯誤。 我正在使用angularjs的最新穩定版本1.5.8。 這是我到目前為止嘗試過的代碼，

    <!DOCTYPE html>
    <html ng-app="DemoApp">
        <head>
            <meta charset="UTF-8">
            <title>angular-carousel demo</title>
            <meta name="viewport" content="width=620, user-scalable=no">
            <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
            <link rel="stylesheet" type="text/css" href="css/angular-material.min.css">
            <link href='css/angular-carousel.min.css' rel='stylesheet' type='text/css'>

        </head>
        <body ng-controller="DemoCtrl">
            <style type="text/css">
            .selected
    {
        background-color: red;
    }
    .demo
    {
        height: 500px;
        width: 100%;
    }
    .carousel5
    {
      height: 500px !important;
        width: 100% !important;   
    }
            </style>
                    <div class="demo" >

                        <ul rn-carousel rn-carousel-index="carouselIndex6" rn-carousel-deep-watch rn-carousel-buffered class="carousel5">
                            <li><div style="height:500px;width:100%;background-color:blue;"></div></li>
                            <li><div style="height:500px;width:100%;background-color:cyan;"></div></li>
                            <li><div style="height:500px;width:100%;background-color:grey;"></div></li>
                             <li><div style="height:500px;width:100%;background-color:yellow;"></div></li>
                        </ul>
                    </div>
                </div>
            </div>
        </body>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
        <script src="https://code.angularjs.org/1.5.8/angular-touch.js"></script>
        <script src="js/angular-carousel.min.js"></script>
<script src="js/angular-material.min.js"></script>
        <script>
            angular.module('DemoApp', [
                'ngMaterial','angular-carousel'
            ]).controller('DemoCtrl', function($scope) {});
        </script>
    </html>

我是不是錯了？ 有人可以幫幫我嗎？

Answer 1

首先包括所有依賴項

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.js"></script>

比包含Angular Material JS文件

 <script src="https://gitcdn.link/repo/angular/bower-material/master/angular-material.js"></script>

Answer 2

看起來似乎不包含ngMaterial js文件

為什么添加角度輪播會拋出$ injector：modulerr？

問題描述

2 個解決方案

解決方案1
1 已采納 2016-08-30 10:39:19

解決方案2
0 2016-08-30 10:34:17

為什么添加角度輪播會拋出$ injector：modulerr？

問題描述

2 個解決方案

解決方案1 1 已采納 2016-08-30 10:39:19

解決方案2 0 2016-08-30 10:34:17

解決方案1
1 已采納 2016-08-30 10:39:19

解決方案2
0 2016-08-30 10:34:17