未捕獲的錯誤：[$ injector：modulerr] Angular js中的ngRoute

Question

這是“我的角度代碼”，上面顯示的是未定義角度 。 我已經編寫了這段代碼來測試angular js中的路由概念

var app=angular.module('myApp',['ngRoute'])
.config(function ($routeProvider) {
    $routeProvider
        .when('/main', {
            templateUrl: '/Directive/pages/main.html',
            controller: 'mainController'
        })
        .when('/second', {
            templateUrl: 'Directive/pages/second.html',
            controller: 'secondController'
        })
        .when('/second:num', {
            templateUrl: 'pages/second.html',
            controller: 'secondController'
        })
});
app.controller('mainController', ['$scope', '$log', function($scope, $log) {
    $log.info='mainController';
    $scope.name = 'Main';

}]);

app.controller('secondController', ['$scope', '$log', function($scope, $log) {
    $log.warn='From Second';  
    $scope.name = 'Second';

}]);
app.directive('searchResult', function () {
    return {
        template: 'ABC',

    }
});

有關更多信息，請查看我的HTML文件（如果需要代替CDN進行任何更改），因此請告知我，因為它在瀏覽器中顯示出Uncaught Error：[$ injector：modulerr] 。

<!DOCTYPE html>
<html lang="en-us" ng-app="myApp">
<head>
    <title>AngularJS</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta charset="UTF-8">
    <!-- load bootstrap and fontawesome via CDN -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" />
    <style>
        html,
        body,
        input,
        select,
        textarea {
            font-size: 1.05em;
        }
    </style>
    <!-- load angular via CDN -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-route.min.js"></script>
    <script src="app.js"></script>
</head>
<body>
   <header>
        <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="index.html">AngularJS</a>
                </div>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="pages/main.html"><i class="fa fa-home"></i>Main</a></li>
                    <li><a href="pages/second.html"><i></i> Second</a></li>
                </ul>
            </div>
        </nav>
    </header>
    <div ng-view>From ngView</div>
</body>
</html>

Answer 1

從文檔中：

錯誤：$ injector：modulerr模塊錯誤

當模塊由於某些異常而無法加載時，會發生此錯誤。 上面的錯誤消息應提供其他上下文。

模塊無法加載的常見原因是您忘記了將文件包含在已定義的模塊中，或者無法加載該文件。

使用ngRoute

在AngularJS 1.2.0和更高版本中，ngRoute已移至其自己的模塊。 如果升級到1.2.x或更高版本后出現此錯誤，請確保已安裝ngRoute。

未捕獲的錯誤：[$ injector：modulerr] Angular js中的ngRoute

問題描述

1 個解決方案

解決方案1
0 2018-06-15 15:56:33

錯誤：$ injector：modulerr模塊錯誤

使用ngRoute

未捕獲的錯誤：[$ injector：modulerr] Angular js中的ngRoute

問題描述

1 個解決方案

解決方案1 0 2018-06-15 15:56:33

錯誤：$ injector：modulerr模塊錯誤

使用ngRoute

解決方案1
0 2018-06-15 15:56:33