Angular 7 - getting error as `Module parse failed: Unexpected character '@'` how to fix this?

Question

In my Interceptor file, I am getting an error as :

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 {
|

How to fix this? here is my ts file:

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');
                }
            } ))
        }
    }
}

Qortex · Accepted Answer · 2018-12-13 10:08:12Z

6

I don't see anything wrong, this syntax seems valid to me in Typescript. But you seem to be using that as javascript: change your file extension from js to ts and the message should disappear.

answered Dec 13, 2018 at 10:08

Qortex

7,5124 gold badges46 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mr. Learner Over a year ago

Facing same issue could someone tell me how to resolve this. i don't have any webpack configuration so far. its just simple and straight forward Angular 7 app.

Qortex Over a year ago

Open a new question with details.

Mr. Learner Over a year ago

stackoverflow.com/questions/68328667/…

Collectives™ on Stack Overflow

Angular 7 - getting error as `Module parse failed: Unexpected character '@'` how to fix this?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related