터미널 ng에 초기 구현 후 nad를 입력 한 후 수천 개의이 오류가 발생하여 my-app를 제공하고 해결할 수 없습니다. typescript 오류가있는 각도 내부에서 이와 같은 문제가 발생하면 처음으로 다음과 같습니다.

../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts 오류 : TS1086 : 오류 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, 이름 : 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));
    }
}

답변

ng update --next @angular/cli --force
npm install typescript@latest

"compilerOptions": {
    "skipLibCheck": true
}

`npm install @angular/flex-layout --save`.

 npm install @angular/flex-layout@8.0.0-beta.27 --save

ng update @angular/core @angular/cli

ng update @angular/material

npm i @angular/animations@6.1.10

"devDependencies": {
   ...
   "typescript": "~3.7.4",
 }

{
    ...,
    "angularCompilerOptions": {
       ...,
       "disableTypeScriptVersionCheck": true
    }
}