加载Angular材料时未捕获错误:[$ injector:modulerr]

时间:2017-06-13 12:02:30

标签: javascript jquery html angularjs

我在这里做错了什么?

 this.comboBase = this.game.add.sprite(this.x -10, this.y, 'ui');
 this.comboBase.anchor.set(0.5, 0.5);
 this.comboBase.frameName = 'ui_specialBase.png';

应用:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular-ui-router/1.0.0-rc.1/angular-ui-router.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.6.4/angular-sanitize.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="components/app/app.js"></script>
    <link rel="stylesheet" href="css/app.css">
</head>
<body data-ng-app="myApp">
<div class="overview">
    <md-button>Button</md-button>
</div>

<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->

</body>

我知道这可能是一些愚蠢的东西,但是我不知道为什么我会一直收到这个错误:

  

angular.js:38未捕捉错误:[$ injector:modulerr] http://errors.angularjs.org/1.6.4/ $ injector / modulerr?p0 = myAp p&amp; p1 = Erro ... ogleapis.c om%2Fajax%2Flibs%2Fa ngularjs %2F1.6.4%2Fa ngular.min.js%3A22%3 A179)at angular.js:38 at angular.js:4920 at q(angular.js:403)at g(angular.js:4880)at at eb(angular.js:4802)at c(angular.js:1914)at sc(angular.js:1935)at ue(angular.js:1820)at angular.js:33367 at HTMLDocument.b(angular.js: 3431)

1 个答案:

答案 0 :(得分:1)

角度材料需要一些其他角度模块才能发挥作用。将这些脚本标记添加到标题中,您应该很高兴:

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

注意:你们许多人不需要angular.messages。我不确定那个。