Question

好的，我知道这个错误有十亿个问题，但是这个错误已经让我好几个小时了。请有人指出我的错误！

的index.html：

<html lang="en" >
    <head>
        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-google-maps/2.4.1/angular-google-maps.js"></script>
    </head>
    <body ng-app="jigup">
        <div data-ui-view=""></div>

        <script type="text/javascript" src="<?php echo base_url('app/app.module.js'); ?>"></script>
        <script type="text/javascript" src="<?php echo base_url('app/app.config.js'); ?>"></script>

        <script type="text/javascript" src="<?php echo base_url('app/mapComponent/map.module.js'); ?>"></script>
        <script type="text/javascript" src="<?php echo base_url('app/mapComponent/map.component.js'); ?>"></script>
    </body>
</html>

app.module.js：

(function(){
    angular.module('jigup', [
        'ui.router',
        'map',
        //'ngMap'
    ]);
})();

app.config.js：

(function(){
    angular
        .module('jigup')
        .config(function($stateProvider, $urlRouterProvider) {
            $urlRouterProvider.when("", "/map");
            $stateProvider
                .state("map", {
                    url: "/map",
                    component: "mapComponent"
                })
                .state("map.about", {
                    url: "/about",
                    templateUrl: "about.html"
                })
        });     
})();

mapComponent / map.module.js：

(function(){
    angular.module('map', [
        'ngMap'
    ]);
})();

mapComponent / map.component.js：

(function(){
    angular.module('map')
        .component('mapComponent', {
            template: 'this is map',
            /* controller: mapController */
        });

    /* mapController.$inject = ['ngMap'];
    function mapController(ngMap){

    } */
})();

我已检查过每个文件是否已成功下载但始终（如果'map'已注释app.module.js，则不会生成错误）：

angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.6/$injector/modulerr?p0=jigup&p1=Error%3A%2…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.6%2Fangular.min.js%3A21%3A332)
    at angular.js:38
    at angular.js:4630
    at q (angular.js:322)
    at g (angular.js:4591)
    at db (angular.js:4513)
    at c (angular.js:1777)
    at Ac (angular.js:1798)
    at fe (angular.js:1683)
    at angular.js:31018
    at HTMLDocument.b (angular.js:3197)

Answer 1

您需要更改文件序列。 jigup模块依赖于map modoule，因此应该先前定义。

<script type="text/javascript" src="<?php echo base_url('app/mapComponent/map.module.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('app/app.module.js'); ?>"></script>

<script type="text/javascript" src="<?php echo base_url('app/app.config.js'); ?>"></script> 
<script type="text/javascript" src="<?php echo base_url('app/mapComponent/map.component.js'); ?>"></script>

未捕获的错误：[$ injector：modulerr]

1 个答案: