首页 > 技术文章 > Angular4.0 项目报错:Unexpected value xxxComponent' declared by the module 'xxxxModule'. Please add a @Pipe...

Kailey 2018-01-18 16:27 原文

    最近刚刚开始学习angular 4.0,在网上找了一个小项目教程学习,然而学习的过程有点艰辛,,各种报错,我明明就是按照博主的步骤老老实实走的呀!!话不多说,上bug-  。-

    Uncaught Error: Unexpected value 'ProductComponent' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@Component annotation.

    刚刚报错的时候我一脸懵逼,什么意思呀?要加管道??然后自以为是模块的问题,私自写了一个product.module.ts,然而还是解决不了问题,反而报更多的bug,最后被逼无奈,只有百度了,,没想到,一查居然就查出来了!!

  原来是因为装饰器@component需要紧挨着要导出的组件,没有这个修饰符,你以为的组件并不是一个真正的组件,只是一个普通类。

  之前我是这样子写的:

                                      

  正确的写法应该是这样的:

                         

    希望对大家有帮助!!

 

推荐阅读