我爱编程

Angular调试技巧—— 报错Uncaught Referen

2017-12-14  本文已影响0人  全栈开发之道

调试MEAN 全栈,报错信息如下:

home_module.js:2 Uncaught ReferenceError: angular is not defined at home_module.js:2

只需要查看关键字的报错: angular is not defined

这说明有地方引用了 angular,而angular 并没有加载进来。 打开 home_module.js 文件:

var app = angular.module('home_module', ['ngResource','ngRoute']);

angular 在这里是一个全局的对象,只要加载了angular 库文件,就可以直接引用。 问题: angular 没有加载进来。 这说明, 引入的 angular.js 路径出了问题。

继续排查,打开 index.ejs 文件:

<script src= '/javascripts/libs/angularjs/angular.min.js' > </script>

问题就出在这里, 仔细排查路径是否完全一致。

angular.min.js 的引入

排查结果: libs 多写了一个 s, 改如下:

<script src= '/javascripts/lib/angularjs/angular.min.js' > </script>

小结

angularJS 报错调试并不可怕, 在浏览器中的开发工具的 console中, 可以看到红色的错误一片。 没关系,按照以上思路,逐个排查即可!


参考书: 《 全栈开发之道:MongoDB+Express+AngularJS+Node.js

上一篇下一篇

猜你喜欢

热点阅读