как решить angular ошибка TS1127: недопустимый символ

Question

Я использую Angular 9. Я создал службу RestaP TS и добавил туда свой логический c код, поэтому в моей службе RestaP нет проблем или ошибок. Я сталкиваюсь с ошибкой, когда я импортирую свой сервис RestaP в компоненты входа в систему TS. Я создал службу Restapi в папке приложения, где присутствуют модули маршрутизации приложения и приложения. Я хочу импортировать свою службу Restapi в login.component.ts, которая присутствует в папке входа в систему

В этой строке появляется ошибка

import { RestapiService } from '../restapi.service';

Ошибка:

ERROR in src/app/restapi.service.ts:5:1 - error TS1127: Invalid character.
5 � providedIn: 'root'   src/app/restapi.service.ts:9:1 - error TS1127: Invalid character.
9 � constructor(private http:HttpClient) { }   src/app/restapi.service.ts:12:1 - error TS1127: Invalid character.
12 � const headers = new HttpHeaders({ Authorization: 'Basic ' + btoa(username + ':' + password) });    src/app/restapi.service.ts:13:1
- error TS1127: Invalid character.
13 � return this.http.get("http://localhost:8080/",{headers,responseType: 'text' as 'json'})    src/app/restapi.service.ts:16:1 - error TS1127: Invalid character.
16 � getUsers() {    src/app/restapi.service.ts:17:1 - error TS1127: Invalid character.
17 � � let username='Nilmani'    src/app/restapi.service.ts:17:3 - error TS1127: Invalid character.
17 � � let username='Nilmani'
      src/app/restapi.service.ts:18:1 - error TS1127: Invalid character.
18 � � let password='jglkm@123'    src/app/restapi.service.ts:18:3 - error TS1127: Invalid character.
18 � � let password='jglkm@123'
      src/app/restapi.service.ts:19:1 - error TS1127: Invalid character.
19 � � const headers = new HttpHeaders({ Authorization: 'Basic ' + btoa(username + ':' + password) });    src/app/restapi.service.ts:19:3
- error TS1127: Invalid character.
19 � � const headers = new HttpHeaders({ Authorization: 'Basic ' + btoa(username + ':' + password) });
      src/app/restapi.service.ts:20:1 - error TS1127: Invalid character.
20 � �return �this.http.get("http://localhost:8080/dashboard",{headers});    src/app/restapi.service.ts:20:3 - error TS1127: Invalid character.
20 � �return �this.http.get("http://localhost:8080/dashboard",{headers});
      src/app/restapi.service.ts:20:11 - error TS1127: Invalid character.
20 � �return �this.http.get("http://localhost:8080/dashboard",{headers});
              src/app/restapi.service.ts:21:1 - error TS1127: Invalid character.
21 � }

login.component.ts

import { Component, OnInit } from '@angular/core';
    import { Router } from '@angular/router';
    import { RestapiService } from '../restapi.service'; 

    @Component({
      selector: 'app-dashboard',
      templateUrl: 'login.component.html'
    })
    export class LoginComponent implements OnInit { 
      username: string;
      password: string;
      message: any

      constructor(private service: RestapiService,private router:Router) { }

      ngOnInit() {
      }

      doLogin() {
        let resp = this.service.login(this.username, this.password);
        resp.subscribe(data => {
          this.message = data;
         this.router.navigate(["/home"])
        });
      }
    }

restapi.service.ts

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders} from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class RestapiService {

  constructor(private http:HttpClient) { }

login(username:string,password:string){
  const headers = new HttpHeaders({ Authorization: 'Basic ' + btoa(username + ':' + password) });
  return this.http.get("http://localhost:8080/",{headers,responseType: 'text' as 'json'})
}

  getUsers() {
    let username='Nilmani'
    let password='jglkm@123'
    const headers = new HttpHeaders({ Authorization: 'Basic ' + btoa(username + ':' + password) });
   return  this.http.get("http://localhost:8080/dashboard",{headers});
  }
}

Answer 1

RestApiService - я полагаю, что код вставлен в копию, для которого могут быть некоторые невидимые символы, заставляющие компилятор выдавать ошибку

Попробуйте вставить код в блокнот (или любой редактор, который не поддерживает разметку). ), а затем вставьте его обратно в редактор. Или лучше попробуйте написать код с нуля и посмотреть, работает ли он!