Угловой 7 - получение ошибки при сбое синтаксического анализа модуля: неожиданный символ '@' `как это исправить?

Question

В моем файле Interceptor я получаю сообщение об ошибке:

ERROR in ./src/app/auth/auth.interceptor.js 8:0
Module parse failed: Unexpected character '@' (8:0)
You may need an appropriate loader to handle this file type.
| import { UserService } from "./../shared/user.service";
|
> @Injectable()
| export class AuthInterceptor implements HttpInterceptor {
|

Как это исправить?вот мой файл TS:

import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from "@angular/common/http";
import { Injectable } from "@angular/core";
import { tap } from "rxjs/operatos";
import { Router } from "@angular/router";

import { UserService } from "./../shared/user.service";

@Injectable()
export class AuthInterceptor implements HttpInterceptor {

    constructor(private userService:UserService, private router:Router){}

    intercept(req:HttpRequest<any>, next:HttpHandler){
        if(req.headers.get('noauth')){
            return next.handle(req.clone());
        }
        else{
            const clonedreq = req.clone({
                headers:req.headers.set('Authorization', 'Bearer ' + this.userService.getToken())
            })
            return next.handle(clonedreq).pipe(tap(event => {}, err => {
                if(err.error.auth === false ){
                    this.router.navigateByUrl('/login');
                }
            } ))
        }
    }
}

Answer 1

Я не вижу ничего плохого, этот синтаксис мне кажется действительным в Typescript.Но вы, похоже, используете это как javascript: измените расширение вашего файла с js на ts, и сообщение должно исчезнуть.