向Angular app添加模块时出错:未捕获错误:[$ injector:modulerr]

时间:2018-01-26 20:14:18

标签: javascript html angularjs

当没有添加模块时,一切都适用于使用控制器'文章的页面,当添加模块时需要需要控制器的页面' flow'一切都在流动,但'文章'给了我这个错误。

var AC = angular.module('AC', ['ngRoute','ngMaterial','firebase'])

AC.controller('articles', function($scope){...})

AC.controller('flow', function($scope,$firebaseArray) {...}

我的脚本:

<!-- START STYLE AND SCRIPTS -->    
    <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>     
    <!-- Angular Material requires Angular.js Libraries -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
    <script src="https://cdn.firebase.com/libs/angularfire/2.3.0/angularfire.min.js"></script>
    <!-- Angular Material Library -->
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
<!-- END STYLE AND SCRIPTS -->

我添加了ngRoute模块,它没有用。然后我尝试使用普通的angular.js文件,因为它显然给出了一个特定的错误,也没有用。

任何帮助?

2 个答案:

答案 0 :(得分:1)

使用angular-route和angular-fire

的数学版本尝试此顺序
   <!-- Angular -->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <!-- Angular Route -->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js"></script>
        <!-- Angular Material Dependencies -->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script>
        <!-- Angular Material -->
        <script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular-material.min.js"></script>
        <!-- Firebase -->
        <script src="https://cdn.firebase.com/js/client/2.2.2/firebase.js"></script>
        <!-- AngularFire -->
        <script src="https://cdn.firebase.com/libs/angularfire/1.0.0/angularfire.min.js"></script>
        <!-- our own app scripts -->
        <script src="js/concat/app.js"></script>

答案 1 :(得分:0)

对这个问题抱歉。这些库已添加到flow.html文件中,但未添加到article.html文件中。我在问题底部提供的两个解决方案确实可以像以前的问题一样解决。