在AngularJs中，当调用angular.module时，获取E Variable undefined Error

Question

尝试使用node.js，express和jade编写第一个角度应用程序。所以我知道这一定很简单，但我已经被困了一段时间。

我包括了角度js（使用玉石（html）模板头部的CDN路线）。 如下所示：

link(href='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js')
link(href='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.js')

我也尝试从CDN中的angular.js切换到我自己的服务器中的plain include，对我的问题没有任何积极的结果。 我在模板的 html 标记中使用指令 ng-app ='myApp'（也在主体中尝试过 em>标题后头部包括）。 我还使用以下命令将myApp包含在jade（或html）模板的head部分中：

script(src='/webapp/js/myApp.js')

myApp.js中的代码如下所示：

var myApp=angular.module('myApp', [
  'ngRoute'
]).config(['$routeProvider', function($routeProvider) {
...
}]);

我一直收到控制台错误：

ReferenceError：找不到变量：angular

globalcode - myApp.js：2

Answer 1

错误意味着角度没有加载，它不知道角度是什么。

学习新技术堆栈时，您应该单独处理每个部分。您可以使用plnkr.co作为快速，轻松地测试这些代码的基础来学习Angular的基础知识，这是一个非常简单的方法，可以帮助您入门：

http://plnkr.co/edit/WU6y8ka0udXHzZvCeZPc

您可以使用右侧的“查找外部库”按钮添加常用库。

一旦您了解了如何单独使用Angular，您就可以从可能出现的问题列表中删除它。

在加载引用角度的脚本之前需要加载Angular，因此下一步将使用调试面板（F12）查看网络调用并找出为什么没有加载角度。

要手动测试您的后端，您可以使用POSTMan chrome插件（如果您正在使用它，则可以使用curl）来测试服务器端对角度代码中的各种请求的响应。