Angularjs Error: [$injector:modulerr] 'ngRoute'

Angularjs Error: [$injector:modulerr] 'ngRoute'

本文关键字：ngRoute injector Error Angularjs modulerr      更新时间：2023-09-26

尝试重现 angularjs 示例时出错

    <!DOCTYPE html>
    <html ng-app="lk">
        <head> 
            <meta charset="UTF-8">
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-route.js"></script>
            <script type="text/javascript" src="lk.js"></script>
        </head>
        <body ng-controller="apiCtrl"> 
            <div> 
                {{ data }}
                {{ status }}
                <br>
                <button ng-click="fetch()">fetch</button>
                <br>    
                <input type="text" ng-model="text"></input>
                {{ text }}
            </div>
        </body>
    </html>
# lk.js
    (function(){
        var app = angular.module("lk", ["ngRoute"]);
        app.controller("apiCtrl", ["$http", "$scope", function($scope, $http){ 
            $scope.method = "POST";
            $scope.url = "https://example.com/api";
            $scope.fetch = function() {
                $scope.response = null;
                $http({method: $scope.method, url: $scope.url}).
                    then(function(response){
                        $scope.status = response.status;
                        $scope.data = response.data;
                    }, function(response){
                        $scope.data = response.data || "Request failed";
                        $scope.status = response.status;
                });
            };
        }]);
    });

错误：Error: [$injector:modulerr]

已尝试在标签之间移动ng-app和ng-controller词。

试图将min.js更改为全角度。

在此之后，我根据本手册添加了依赖项。

仍然没有解决方案。

更改这个。

app.controller("apiCtrl", ["$http", "$scope", function($http, $scope){

注入服务时顺序很重要

相关文章：