Question

我使用angularJs和Kendo UI启动了第一个应用程序，然后我在控制台中出现了一个错误：

未捕获错误：[$ injector：modulerr] http://errors.angularjs.org/1.6.6/ $注射器/ modulerr 在angular.min.js：7 在angular.min.js：43 在p（angular.min.js：8）在g（angular.min.js：42）在hb（angular.min.js：46）在c（angular.min.js：22）在Uc（angular.min.js：22）在我们（angular.min.js：21）在HTMLDocument。（angular.min.js：334）在j（jquery-3.2.1.min.js：2）

的index.html

<html>
    <head>
        <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/kendo.common.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/kendo.default.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/kendo.default.mobile.min.css" rel="stylesheet" type="text/css"/>

</head>
<body ng-app="myApp"  ng-controller="home">
    <div class="container-fluid">
        <div class="container-fluid">
            <div class="row">
                <p>{{ today | date }}</p>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-2">
                    <ul class="list-unstyled">
                        <li><a href="#!/">Dash Board</a></li>
                        <li><a href="#!/addEmp">Add Employee</a></li>
                        <li><a href="#">Dummy Link</a></li>

                    </ul>
                </div>
                <div ng-view class="col-lg-10">
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/angular.min.js" type="text/javascript"></script>
    <script src="js/angular-route.min.js" type="text/javascript"></script>
    <script src="js/angular-resource.min.js" type="text/javascript"></script>
    <script src="js/kendo.all.min.js" type="text/javascript"></script>
    <script src="js/app.js" type="text/javascript"></script>

</body>

app.js

'use strict';
var app = angular.module("myApp", ["ngRoute", 'ngResource', "ui.bootstrap", "kendo.directives"]);
app.config(function ($routeProvider) {
    $routeProvider
            .when("/", {
                templateUrl: "home.html",
                controller: "home"
            })
            .when("/addEmp", {
                templateUrl: "addEmp.html",
                controller: "addEmp"
            });
});

app.controller("home", function ($scope) {
    $scope.today = new Date();
});

未捕获的错误：[$ injector：modulerr] jquery 3.2.1和angular 1.6.6

0 个答案: