时间戳

首页 > 解决方案 > 如何解决角度错误 TS1127：无效字符

angular - 如何解决角度错误 TS1127：无效字符

问题描述

我正在使用 Angular 9。我创建了一个 restapi 服务 ts，并在那里添加了我的逻辑代码，所以我的 restapi 服务没有问题或错误。在登录组件 ts 中导入我的 restapi 服务时遇到错误。我在 app 文件夹中创建了一个 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 � }

登录组件.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});
  }
}

标签： angular

解决方案

RestApiService - 我相信代码是复制粘贴的，它可能有一些不可见的字符使编译器抛出错误

尝试先将代码粘贴到记事本（或任何不支持标记的编辑器），然后将其粘贴回您的编辑器。或者最好尝试从头开始编写代码，看看它是否有效！

推荐阅读