错误:$injector:modulerr模块错误(我的第一个SPA应用程序）

Error: $injector:modulerr Module Error (my first SPA app)

本文关键字：错误 SPA 第一个 应用程序 我的 模块 injector modulerr      更新时间：2023-09-26

我第一次在Angular中编写SPA应用程序，但遇到了一个问题。

我创建路由的JavaScript如下所示：

$(function() {
    angular.module("myApp", ["ngRoute"])
        .config(function($routeProvider) {
            $routeProvider.otherwise({
                templateUrl: "/angular/components/booking-system/booking-system-template.html"
            });
        });
});

我的"主页"（正确的术语是什么？）看起来是这样的：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>My App</title>
    <script src="/Scripts/jquery-1.10.2.min.js"></script>
    <script src="/Scripts/angular.min.js"></script>
    <script src="/Scripts/angular-route.min.js"></script>
    <script src="/angular/scripts/route-config.js"></script>
    <link href="/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="/Content/bootstrap-select.css" rel="stylesheet" />
</head>
<body>
    <div class="container body-content">
        <ng-view/>
    </div>
</body>
</html>

我得到以下错误：

Failed to instantiate module myApp due to:
Error: [$injector:nomod] http://errors.angularjs.org/1.3.13/$injector/nomod?p0=ibo...
    at Error (native)
    at http://localhost:4685/Scripts/angular.min.js:6:417
    at http://localhost:4685/Scripts/angular.min.js:21:412
    at a (http://localhost:4685/Scripts/angular.min.js:21:53)
    at http://localhost:4685/Scripts/angular.min.js:21:296
    at http://localhost:4685/Scripts/angular.min.js:35:116
    at s (http://localhost:4685/Scripts/angular.min.js:7:302)
    at g (http://localhost:4685/Scripts/angular.min.js:34:399)
    at ab (http://localhost:4685/Scripts/angular.min.js:38:135)
    at d (http://localhost:4685/Scripts/angular.min.js:17:381

我做错了什么？请帮忙！

M

由于$符号的原因，您的自执行块似乎有问题。请更改下面的代码，然后尝试，

(function(){
    angular.module("myApp", ["ngRoute"])
    .config(function($routeProvider) {
        $routeProvider.otherwise({
            templateUrl: "/angular/components/booking-system/booking-system-template.html"
        });
    });
}());
相关文章：