У меня тысячи ошибок после первоначальной реализации и ввода в терминале ng serve my-app of, и я не могу их устранить. Это впервые для меня, когда у меня такая проблема внутри angular с машинописными ошибками выглядит так:
ОШИБКА в ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:24:19 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.
24 protected get parentElement(): HTMLElement | null; ~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:26:19- ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.
26 protected get nativeElement(): HTMLElement; ~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:28:9- ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.
28 get activatedValue(): string; ~~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:29:9- ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.
29 set activatedValue(value: string); ~~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/breakpoints/break-point-registry.d.ts:20:9- ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.
[...]
Кто-нибудь знает причину? Я не могу проверить свое приложение, пока не исправлю его.
Обновление 1
Хорошо, я делаю это вперед. Большая часть ошибок исчезла, но у меня есть несколько, например, первая из них:
ОШИБКА в src / app / main / main.component.ts: 143: 63 - ошибка TS2322: введите 'string | undefined 'нельзя назначить типу' string '. Тип 'undefined' нельзя назначить типу 'string'.
143 this.fileService.add ({isFolder: true, name: folder.name, родительский: this.currentRoot? This.currentRoot.id: 'root'});
Код выглядит так:
main.component.ts:
currentRoot: MpFileElement = new MpFileElement();
...
addFolder(folder: { name: string }) {
this.fileService.add({ isFolder: true, name: folder.name, parent:
this.currentRoot ? this.currentRoot.id : 'root' });
this.updateFileElementQuery();
}
...file.service.ts:
import { Injectable } from '@angular/core';
import { v4 } from 'uuid';
import { MpFileElement } from '../models/mp-file-element.model';
import { Observable } from 'rxjs/internal/Observable';
import { BehaviorSubject } from 'rxjs';
export interface IFileService {
add(fileElement: MpFileElement);
delete(id: string);
update(id: string, update: Partial<MpFileElement>);
queryInFolder(folderId: string): Observable<MpFileElement[]>;
get(id: string): MpFileElement;
}
@Injectable()
export class MpFileService implements IFileService {
constructor() {}
private map = new Map<string, MpFileElement>()
private querySubject: BehaviorSubject<MpFileElement[]>;
add(fileElement: MpFileElement) {
fileElement.id = v4();
this.map.set(fileElement.id, this.clone(fileElement));
return fileElement;
}
delete(id: string) {
this.map.delete(id);
}
update(id: string, update: Partial<MpFileElement>) {
let element = this.map.get(id);
element = Object.assign(element, update);
this.map.set(element.id, element);
}
queryInFolder(folderId: string) {
const result: MpFileElement[] = [];
this.map.forEach(element => {
if (element.parent === folderId) {
result.push(this.clone(element));
}
})
if (!this.querySubject) {
this.querySubject = new BehaviorSubject(result);
} else {
this.querySubject.next(result);
}
return this.querySubject.asObservable();
}
get(id: string) {
return this.map.get(id);
}
clone(element: MpFileElement) {
return JSON.parse(JSON.stringify(element));
}
}9.0.0-beta.28@ angular / flex-layout? Я попытался бы вернуться к предыдущей версии, прежде чем они столкнулись с версией TS.