Vscode-ng-language-service: Die Pfadeinstellung in tsconfig.json verursacht Probleme

Erstellt am 13. Okt. 2017  ·  21Kommentare  ·  Quelle: angular/vscode-ng-language-service

Ich habe TSLint (5.7.0), Codelyzer (3.2.1) und Angular Lang Service 0.1.7 auf vscode 1.17.0 (Windows) installiert.

In meinem Angular Cli (1.4.5) Projekt

Wenn ich die folgende Einstellung in tsconfig habe

"paths": {
  "@app/*": ["app/*"],
  "@env/*": ["environments/*"]
},

und mein import wäre wie
{SharedModule} aus '@ app / shared / shared.module' importieren;

Ich werde viele Fehler wie diese in meiner Vorlage haben, die in vscode mit roten Unterstreichungen angezeigt wird.

[Angular] Eigenschaftsbindung ngWenn von keiner Direktive für eine eingebettete Vorlage verwendet. Stellen Sie sicher, dass der Eigenschaftsname richtig geschrieben ist und alle Anweisungen in "@ NgModule.declarations" aufgeführt sind.

Aber wenn ich es mit relativem Pfad importiere

{SharedModule} aus '../../shared/shared.module' importieren;

Das Problem verschwindet.

Zuerst dachte ich, es sei vscode-tslint https://github.com/Microsoft/vscode-tslint/issues/276#event -1292520818

Aber es scheint, als wäre es vom Angular Language Service

bug

Hilfreichster Kommentar

Hier habe ich das gleiche Problem.

Alle 21 Kommentare

Hier habe ich das gleiche Problem.

Ich habe das gleiche Problem

  • vscode show error bei Verwendung des Pfadalias
  • vs code show error bei Verwendung von * ngIf ... in der Vorlage

@maxisam Könnten Sie hier schreiben, wie

Ich möchte erwähnen, dass Sie, wenn Sie "paths" in Ihrer tsconfig verwenden, "baseUrl". angeben müssen (gemäß dieser Stackoverflow-Antwort ).

Wurzel
| --src
| --app
| --share

Ich benutze keine Fässer. Es ist ein normales CLI-Layout. Das Projekt wird von cli generiert.

Es hat Pfadeinstellung.

Gleiches Problem hier, der Parameter baseUrl ist bereits mit "src" gesetzt und funktioniert dennoch nicht.

Diese Konfiguration hat das Problem für mich gelöst:

"baseUrl": "./",
"paths": {
  "@app/*": ["app/*"],
  "@env/*": ["environments/*"],
  "@services/*": ["app/modules/core/services/*"],
  "@models/*": ["app/models/*"],      
  "@components/*": ["app/components/*"],
  "@modules/*": ["app/modules/*"],
  "@core/*": ["app/modules/core/*"],
  "@shared/*": ["app/modules/shared/*"],
  "@features/*": ["app/modules/features/*"]
}

Ich verwende Angular-CLI und habe dieses Problem auch, wenn ich eine externe Komponentenbibliothek verwende (die ich der Autor bin). Ich habe versucht, tsconfig.app.json mit der genannten Konfiguration zu ändern, aber das hat nichts an meiner Seite geändert. Gibt es eine andere Problemumgehung? Und / oder muss ich irgendwelche Änderungen in meiner Bibliothek vornehmen?

Danke @aitboudad, aber das hat bei mir nicht funktioniert. Ich habe mir endlich die Zeit genommen, meine App auf Angular 5 aktualisieren und habe, wie Sie in dieser anderen Ausgabe vorgeschlagen haben, auf "@angular/language-service": "5.1.0-beta.1" aktualisiert, aber trotzdem diesen Fehler erhalten. Es stammt aus einer Bibliothek, die ich mit dem Namen Angular-Slickgrid und in meiner Entwicklungsumgebung mit relativen Pfaden ./ sehe ich dieses Problem nicht, aber ich verwende die Bibliothek in einer externen App als import ... from 'angular-slickgrid' und wechseln Sie zu meiner Ansicht vollständig, es wird vollständig rot, wie unten gezeigt.

Sie können den Fehler sehen

[Angular] Cannot read property 'isSkipSelf' of null

cannotskipitself

@ghiscoding Nach der Installation von @angular/language-service sollten Sie vscode neu starten

@aitboudad Ja, ich hatte das auch getan, bekam aber immer noch den Fehler.

Dies funktioniert auch bei mir nicht, selbst nach der Installation von @ angle / language-service

Ich kann das gleiche Problem auch melden. Dies tritt nur in VS Code mit der Sprachdiensterweiterung auf. WebStorm hat standardmäßig kein Problem damit und löst alles auf.
Siehe auch: https://github.com/angular/angular/issues/16382 und https://github.com/nrwl/nx/issues/73.

irgendwelche Updates dazu?

Hallo, ich dachte ich wäre der einzige.

Ich arbeite an einem Angular Mono Repo, und das ist mir vor einiger Zeit passiert.

Ich hoffe, es wird bald behoben! Danke Leute!

@ Chuckjaz irgendwelche Ideen?

https://github.com/angular/angular/issues/16382 hat dies behoben und es wurde als Angular.ng-template 0.1.9 veröffentlicht. @fxck Können Sie bitte überprüfen, ob Sie die neueste Version verwenden?

@kyliau
Ich sehe das Problem nicht mehr auf meiner Seite, daher kann ich bestätigen, dass es jetzt bei mir funktioniert. Vielen Dank

Schließen Sie dies vorerst, da das Problem behoben ist.

Dieses Problem wurde aufgrund von Inaktivität automatisch gesperrt.
Bitte reichen Sie ein neues Problem ein, wenn Sie auf ein ähnliches oder verwandtes Problem stoßen.

Lesen Sie mehr über unsere Richtlinien zum automatischen Sperren von Konversationen .

_Diese Aktion wurde automatisch von einem Bot ausgeführt._

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen