angular2-error遇到过的控制台错误

Ng2 控制台报错总结

1、模板字符变量报错:要用到的的数据在class中未正确获取到,导致模板解析时出错

Paste_Image.png

前期调试时为避免此错误对其他错误的影响,可在模板中要用到的相关数据的地方加*ngIf判断数据是否存在,以屏蔽此错误。

2、用到http请求的component必须提供HTTP_PROVIDERS,否则报错

Paste_Image.png

可以在bootstrap(someComponent,[HTTP_PROVIDERS])中注入依赖,也可以在需要用到的具体component中providers:[HTTP_PROVIDERS]写入。

3、指令中放入非此指令提供的依赖注入项是报错,如在directives:[HTTP_PROVIDERS]

Paste_Image.png

4、没有import “rxjs/Rx”

Paste_Image.png

5、这个经常遇到的问题是因为组件中用到route或http请求,但是没有引入route或http

Paste_Image.png

在index文件中引入:
<pre>
<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="node_modules/angular2/bundles/http.dev.js"></script></pre>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,404评论 19 139
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,559评论 0 3
  • Dagger2 转载请注明原作者,如果你觉得这篇文章对你有帮助或启发,可以关注打赏。 前言本文翻译自Google ...
    轻云时解被占用了阅读 11,707评论 4 31
  • 先说几句废话,调和气氛。事情的起由来自客户需求频繁变更,伟大的师傅决定横刀立马的改革使用新的框架(created ...
    wsdadan阅读 8,233评论 0 12
  • 作为老师,如何正确谈论课外辅导的话题,就像《房间里的大象》中提到的那头大象,在大家都不愿意去碰触之后变得越来越大,...
    小幸甫阅读 2,890评论 0 3