TypeScript - Error TS1206 Decorators are not valid here

0

I need a help, I can not run my app FRONT END, a project of the company, when I give a npm start in my terminal in the visual code, a blessed error persists, which is in @Component saying Error TS1206 Decorators are not valid here. Here is the code below, I'm starting TYPESCRIPT and ANGULAR 6.

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

@Component({
  selector: 'app-ServicesMonitoring',
  templateUrl: './ServicesMonitoring.component.html',
  styleUrls: ['./ServicesMonitoring.component.scss']
})

export interface LineBusiness {
  value: number;
  viewValue: string;
}

export class SelectLineBusiness {
  business: LineBusiness[] = [
    {value: 0, viewValue: 'Carro'},
    {value: 1, viewValue: 'Carga'},
    {value: 2, viewValue: 'Carro reserva'},
    {value: 2, viewValue: 'RE'}
  ];
}

export class ServicesMonitoringComponent implements OnInit {

  constructor() { 

  }

  ngOnInit() {

  }
}

The snippet is in @Component, in my folder structure, as shown below:

How do I resolve this? And run my application? Because the ServicesMonitoring.component.scss file is empty, does this have to do with the problem?

Thank you

    
asked by anonymous 19.09.2018 / 21:05

1 answer

0

The annotation of @component has to be above the class of your component and not over a template interface.

@Component({
  selector: 'app-ServicesMonitoring',
  templateUrl: './ServicesMonitoring.component.html',
  styleUrls: ['./ServicesMonitoring.component.scss']
})
export class ServicesMonitoringComponent implements OnInit {

  constructor() { 

  }

  ngOnInit() {

  }
}
    
20.09.2018 / 10:13