Javascript 在AngularJs中,调用angular.module时,获取E变量未定义错误

Javascript 在AngularJs中,调用angular.module时,获取E变量未定义错误,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,尝试使用node.js、express和jade编写第一个angular应用程序。所以我知道这一定很简单,但我已经被困了一段时间 我在jade(html)模板的head部分包含了angularjs(使用CDN的路由)。 如下所示: link(href='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js') link(href='https://ajax.googleapis.com/ajax/libs/angula

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

我在jade(html)模板的head部分包含了angularjs(使用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切换到我自己的服务器中的普通include,但没有对我的问题产生任何积极的结果。 我在模板的html标记中使用指令ng app='myApp'(在头部包含后的body标记中也尝试过)。 我还使用以下方法将myApp包含在jade(或html)模板的头部部分:

script(src='/webapp/js/myApp.js')
myApp.js中的代码如下所示:

var myApp=angular.module('myApp', [
  'ngRoute'
]).config(['$routeProvider', function($routeProvider) {
...
}]);
我不断收到控制台错误:

引用错误:找不到变量:角度


globalcode-myApp.js:2

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

在学习新技术堆栈时,您应该单独学习每一块。您可以使用plnkr.co作为快速轻松测试这些代码位的基础来学习Angular的基础。以下是一个非常简单的plnkr,让您开始:

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

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

Angular需要在加载引用Angular的脚本之前加载,因此下一步将使用调试面板(F12)查看网络调用并找出Angular未加载的原因

要手动测试后端,您可以使用POSTMan chrome插件(如果您喜欢,也可以使用curl)测试服务器端对各种请求的响应,而不使用angular代码