Eu tenho milhares deste erro após a implementação inicial e digitação no terminal ng serve o meu aplicativo de e não consigo resolvê-lo. Esta é a primeira vez para mim quando eu tenho um problema como este dentro do angular com erros de texto datilografado:
ERRO no ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:24:19 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.
24 protected get parentElement(): HTMLElement | null; ~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:26:19
- erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.
26 protected get nativeElement(): HTMLElement; ~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:28:9
- erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.
28 get activatedValue(): string; ~~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:29:9
- erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.
29 set activatedValue(value: string); ~~~~~~~~~~~~~~ ../../node_modules/@angular/flex-layout/core/typings/breakpoints/break-point-registry.d.ts:20:9
- erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.
[...]
Alguém sabe um motivo? Não posso testar meu aplicativo até corrigi-lo.
Atualização 1
Ok, eu faço isso para a frente. A maioria dos erros se foi, mas agora tenho alguns, por exemplo, o primeiro deles:
ERRO no src / app / main / main.component.ts: 143: 63 - erro TS2322: Digite 'string | undefined 'não é atribuível ao tipo' string '. O tipo 'undefined' não pode ser atribuído ao tipo 'string'.
143 this.fileService.add ({isFolder: true, nome: folder.name, pai: this.currentRoot? This.currentRoot.id: 'root'});
O código fica assim:
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));
}
}
fonte
9.0.0-beta.28
do @ angular / flex-layout? Eu tentaria reverter para a versão anterior antes que eles colidissem com a versão TS.Respostas:
Eu tive esse mesmo problema e esses dois comandos salvaram minha vida. Meu problema subjacente é que eu estou sempre bagunçando a instalação global e a instalação local. Talvez você esteja enfrentando um problema semelhante, e esperamos que a execução desses comandos também resolva o problema.
fonte
Definir
"skipLibCheck": true
emtsconfig.json
resolveu meu problemafonte
Eu tive o mesmo problema ao adicionar @ angular / flex-layout ao meu projeto Angular 8 agora com
Desde então, esse comando instalou a 9ª versão principal do pacote de layout flexível. Em vez de atualizar todo o resto para a última versão, resolvi instalando a última oitava versão principal do pacote .
fonte
Parece que você instalou recentemente o pacote de layout flexível. Tente remover esta pasta do pacote da pasta node_modules e reinstalar a versão anterior deste pacote.
Recentemente (2 dias antes da data atual), a angular lançou a versão mais recente do angular-cli (v9.0.1), devido à qual muitos pacotes são atualizados para suportar esta última versão do cli. No seu caso, você pode ter a versão cli antiga e, quando instalou este pacote, ele foi baixado para a versão mais recente do cli por padrão. Portanto, tente fazer o downgrade da sua versão do pacote. Trabalhou para mim pelo menos.
Além disso, não se esqueça de fazer o downgrade da versão do seu pacote no arquivo package.json
fonte
tentar
Depois, apenas para sincronizar o material, execute:
fonte
No meu caso, fazer o downgrade de @ angular / animations funcionou; se você puder fazer isso, execute o comando
Ou use outra versão que possa funcionar para você na guia Versões aqui: https://www.npmjs.com/package/@angular/animations
fonte
Solução rápida: Atualize package.json
Em tsconfig.json
remova a pasta node_modules e reinstale com
Para mais visita aqui
fonte
esta é uma resposta breve que espero ajudar
Tente fazer o downgrade do Agular e do Angular-CLI para a v8, acho que seu problema é um problema de compatibilidade de pacotes
fonte
Acho que seu problema surgiu da incompatibilidade de versão datilografada e de módulo. Esse problema é muito semelhante à sua pergunta e as respostas são muito satisfatórias.
fonte