Я много дней пытался исправить эту ошибку через stackoverflow, так как я новичок в angular, мне просто нужно спросить у сообщества. Я работал над аутентификацией JWT
ОШИБКА TypeError: Невозможно прочитать свойство 'subscribe' из неопределенного в RawMaterialComponent.loadRawMaterialsByCompany (raw-material.component.ts: 774)
У меня есть вызов службы, как показано ниже в компоненте
private loadRawMaterialsByCompany(callback: any) {
let serviceSubscriptions =this.rawMaterialService.getRawMaterialsByCompany().subscribe(data => {
this.rawMaterials = data;
this.rawMaterialLoading = false;
},
error => this.handleError(error));
}
и служба, как показано ниже
getRawMaterialsByCompany() {
const url = this.raw_material_api_endpoint + 'Company/' + this.company_id;
return this.get(url);
}
выше вызовов службы, перенаправленных на базовую службу, и она реализует все http-запросы, а именно: get, post
То, что я хочу сделать здесь, этоесли срок действия маркера истек, я хочу обновить токен.используя почтовый запрос
protected get(url: string) {
if (this.isTokenExpired(localStorage.getItem('userToken'))) {
this.getOriginalDataset(url).then((val)=>{
this.getTokenfromService()
return(val)
});
} else {
return this.http.get(url)
.map(this.extractRequests)
.catch(this.handleError);
}
protected post(url: string, body: any) {
if (url.includes("RefreshToken") || url.includes("Login") || url.includes("Logout")) {
return this.http.post(url, body, { headers: this.getHeaders() })
.map(this.extractRequests)
.catch(this.handleError);
}
else {
return this.http.post(url, body, { headers: this.getHeaders() })
.map(this.extractRequests)
.catch(this.handleError);
}
}
** сейчас я не собираюсь обновлять токен для почтовых запросов
Метод getOriginalDataset () возвращает запрошенные данные для компонента сырья
Метод getTokenfromService () получает новый токен доступа и обновляет токен для хранения в локальном хранилище.
sendoriginalDataset(originalUrl):Promise<any>{
return new Promise(resolve => {
const dataSet= this.http.get(originalUrl, { headers: this.getHeaders() })
.map(this.extractRequests)
.catch(this.handleError);
resolve(dataSet)
});
}
async getTokenfromService() {
const base64EncodedJwtAndRefreshToken = btoa(encodeURI(`${localStorage.getItem('userToken')}:${localStorage.getItem('refreshToken')}`));
const url = this.login_api_endpoints + 'RefreshToken/';
this.asyncResult = await this.post(url, JSON.stringify(base64EncodedJwtAndRefreshToken))
.toPromise();
console.log('First Promise resolved.')
if (this.asyncResult !== null) {
localStorage.setItem('userToken', this.asyncResult.jwtToken)
localStorage.setItem('refreshToken', this.asyncResult.refreshToken)
}
}
оба метода работают правильно, но как только getTokenfromService () выполняет почтовый запрос, консольная ошибка отображается как Невозможно прочитать свойство 'subscribe' из неопределенного
это происходит для каждого http-запроса, приведенный выше пример.Маленькая помощь очень ценится!