在 AnguarJS 中包含 ng-material 后出现错误无法实例化模块 gupaApp，原因是“？答案

【问题标题】：Got error failed to instantiate module gupaApp due to" after include include ng-material in AnguarJS?在 AnguarJS 中包含 ng-material 后出现错误无法实例化模块 gupaApp，原因是“？
【发布时间】：2018-12-09 17:34:38
【问题描述】：

我已经使用 angularjs 创建了网站，并且我在我们的网站中使用了 angular-material，但是我已经正确地包含了脚本文件，但是在将 ['ngMaterial'] 作为我们模块中的依赖项后我得到了错误，我不明白我的代码有什么问题。

var app = angular.module("gupaApp", ['ngMaterial']);
app.controller("gupaContr", function($scope) {
  console.log('hii');
})

<html ng-app="gupaApp">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  <link rel="stylesheet" href="https://gitcdn.xyz/repo/angular/bower-material/master/angular-material.css">
  <script src="https://gitcdn.xyz/repo/angular/bower-material/master/angular-material.js"></script>
  <script type="text/javascript" src="app/controller/gupaController.js"></script>

  <body ng-controller="gupaContr">
    <md-toolbar md-scroll-shrink>
      <div class="md-toolbar-tools">
        <div flex="50">
          <h3 class="title"><span>My Title</span></h3>
        </div>
        <div flex="50" layout layout-align="end center">

          <md-button class="md-fab" aria-label="Time">
            <md-icon icon="/img/icons/ic_access_time_24px.svg" style="width: 24px; height: 24px;"></md-icon>
          </md-button>
        </div>
      </div>
    </md-toolbar>
  </body>
</html>

【问题讨论】：

标签： angularjs angularjs-material

【解决方案1】：

您还需要添加对 angular-animate.js 和 angular-aria.js 的引用

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

确保与您使用的版本匹配

PLUNKER DEMO

【讨论】：