重构代码如何为我amTypeError - Angular^5.0

Question

我试图实现此角码时，得到TypeError。它围绕Class（{constructor：function（）{}}）生成错误。我一直指出这（https://github.com/angular/angular/commit/cac130eff9b9cb608f2308ae40c42c9cd1850c4d），但不知道如何实施解决方案。

我很想知道一种替代方案，因为我是这种编码技术的新手。

这是我最近购买的一本关于使用导轨，角度为 和postgres的书籍。谢谢。

import "hello_angular/polyfills"; 

import { Component, NgModule } from "@angular/core"; 
import { BrowserModule   } from "@angular/platform-browser"; 
import { FormsModule   } from "@angular/forms"; 
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic"; 

var CustomerSearchComponent = Component({ 
    selector: "shine-customer-search", 
    template: '\ 
<header> \ 
    <h1 class="h2">Customer Search</h1> \ 
</header> \ 
    ' 
}).Class({ 
    constructor: function() { 
    } 
}); 

var CustomerAppModule = NgModule({ 
    imports:  [ BrowserModule, FormsModule ], 
    declarations: [ CustomerSearchComponent ], 
    bootstrap: [ CustomerSearchComponent ] 
}) 
.Class({ 
    constructor: function() {} 
}); 

Answer 1

据我了解在上面的链接的信息，您必须确定您的组件为class，并与@Component装饰装饰。

@Component({ 
    selector: "shine-customer-search", 
  template: '\ 
<header> \ 
  <h1 class="h2">Customer Search</h1> \ 
</header> \ 
 ' 
}) 
export class CustomerSearchComponent { 
  constructor() { 
    } 
} 

编辑

您还可以使用 typescript。当您用 javascript标记您的问题时，这可能是您的问题。

你的模块看起来就像这样：

@NgModule({ 
    imports:  [ BrowserModule, FormsModule ], 
    declarations: [ CustomerSearchComponent ], 
    bootstrap: [ CustomerSearchComponent ] 
}) 
export class CustomerAppModule { }