Попытка использовать tokenNotExpired из angular2-jwt, но появляется ошибка в модулях

Я пытаюсь использовать tokenNotExpired из angular2-jwt для проверки, вошел ли пользователь в систему или нет. Но когда я реализую это, я получаю ошибку ниже в cli: -

ERROR in node_modules/angular2-jwt/angular2-jwt.d.ts(3,10): error TS2305: Module '"d:/Visual Studio/asp.net/mean_blog/client/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'.

Я установил angular2-jwt с помощью команды «npm install angular2-jwt @ latest --save».

Ниже приведен код auth.service.ts: -

import { Injectable } from '@angular/core';
import { Http, Headers, RequestOptions } from '@angular/http';
import { map, take } from 'rxjs/operators';
import { tokenNotExpired } from 'angular2-jwt';

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

  authToken;
  user;
  options;
  constructor(private http: Http) { }

  createAuthenticationHeaders(){
    this.loadToken();
    this.options = new RequestOptions({
      headers:new Headers({
        'Content-Type':'application/json',
        'authorization':this.authToken
      })
    })
  }

  loadToken(){
    this.authToken = localStorage.getItem('token');
  }

  registerUser(user) {
    return this.http.post('/api/auth/register', user).pipe(map(res => res.json()));
  }
  checkUsername(username) {

    return this.http.get('/api/auth/checkUsername/' + username).pipe(map(res => res.json()));
  }
  checkEMail(email) {
    return this.http.get('/api/auth/checkEmail/' + email).pipe(map(res => res.json()));
  }

  login(user){
    return this.http.post('/api/auth/login',user).pipe(map(res=>res.json()));
  }
  logout(){
    this.authToken = null;
    this.user = null;
    localStorage.clear();
  }
  storeUserData(token, user){
    localStorage.setItem('token',token);
    localStorage.setItem('user',JSON.stringify(user));
    this.authToken = token;
    this.user = user
  }

  getProfile(){
    this.createAuthenticationHeaders();
    return this.http.get('/api/auth/profile',this.options).pipe(map(res=>res.json()));
  }
  loggedIn() {
    return tokenNotExpired();
  }
}

Я также проверил зависимость в package.json, которая также добавлена ​​правильно. Я не знаю, откуда возникла эта ошибка.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
1 085
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Некоторые функции rxjs устарели в angular 6, поэтому я использую rxjs-compat для обратной совместимости. Это решает проблему.

Другие вопросы по теме