Angular调试技巧—— 报错Uncaught ReferenceError: angular is not defined 怎么办?

调试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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容