美文网首页我爱编程
Angular调试技巧—— 报错Uncaught Referen

Angular调试技巧—— 报错Uncaught Referen

作者: 全栈开发之道 | 来源:发表于2017-12-14 11:52 被阅读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

    相关文章

      网友评论

        本文标题:Angular调试技巧—— 报错Uncaught Referen

        本文链接:https://www.haomeiwen.com/subject/hbohwxtx.html