Question

我正在使用打字稿版本1.8并收到此错误。我是打字稿的新手，请帮忙 npm版本：3.9

文件：ponymain-app.component.ts

 import {Component} from '@angular/core';
    @Component({
        selector: 'ponyracer-app',
        template: `<h1>Hye bud!</h1>`
    })

档案：Index.html

<body>
  <ponyracer-app>
    loading....
  </ponyracer-app>
</body>

Answer 1

你需要直接将@Component装饰器附加到一个类，除非你引导你的根组件，否则你不会得到任何东西

我假设您的主要根组件是PonyComponent

以下是您的代码的编辑版本

import { bootstrap } from '@angular/platform-browser-dynamic';

import {Component} from '@angular/core'; 

@Component({ 
selector: 'ponyracer-app', 
template: `<h1>Hye bud!</h1>` 
}) 

class PonyComponent { }

bootstrap( PonyComponent );

这是一个很好的资源：https://angular.io/docs/js/latest/quickstart.html

Answer 2

有时停止和启动Graphic2也有帮助。它对我有用。

Answer 3

装饰器（例如@Component）需要附加到某个东西上，你不能自己使用它们。对于@Component，您需要在其下方添加一个类：

import {Component} from '@angular/core';

@Component({
    selector: 'ponyracer-app',
    template: `<h1>Hye bud!</h1>`
})
class AppComponent { }

我真的鼓励你read the Angular tutorial - 它解释了这一切！

预期错误声明

3 个答案: