我有一个非常简单的 requirejs 和 Angular 演示应用程序。当我运行代码时，就好像 Angular 没有注册 homeController （即使文件确实运行并输出“来自家庭控制器的 Hello”）。令人沮丧的是几乎没有关于如何解决这个问题的调试信息。任何帮助将不胜感激！
在我的本地计算机上，我收到以下错误消息：
"Error: [ng:areq] Argument 'HomeController' is not a function, got undefined"
在 Plnkr 上我收到了不同的消息：
Error: [ng:areq]
这是 plnkr 链接http://plnkr.co/edit/zNVIYckX5dAzV3CpEzXv?p=preview
索引.html
<body ng-app="app">
<div ng-controller="HomeController">
{{message}}
</div>
<script src="http://requirejs.org/docs/release/2.1.14/minified/require.js" data-main="main.js"></script>
</body>
main.js
require.config({
paths: {
"jquery": '//code.jquery.com/jquery-2.1.1.min',
"angular": '//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min',
"angular.route": '//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.min'
},
shim: {
"angular": { deps: ["jquery"], exports: "angular" },
"angular.route": { deps: ["angular"], exports: "angular.route" },
},
deps: ["app", "routes"]
});
//kickoff the app
require(["app", "routes" ]);
app.js
define(["angular"], function () {
$("body").append("hello from app<br/>");
return angular.module("app", ['ngRoute']);
});
路线.js
define("routes", ["app", "angular.route", "homeController"], function(app) {
$("body").append("hello from angular.route<br/>");
app.config(function($routeProvider, $locationProvider) {
$("body").append("$routeProvider<br/>");
$locationProvider.html5Mode(true);
$routeProvider.when("/", {
templateUrl: "home/home.html",
controller: "HomeController"
})
});
});
homeController.js
define("homeController", ["app"], function (app) {
$("body").append("hello from home controller<br/>");
app.controller("HomeController", function ($scope) {
$("body").append("hello from home controller body<br/>");
$scope.message = "message from home controller";
});
});
