Vscode-ng-language-service: La configuración de rutas en tsconfig.json causa problemas

Creado en 13 oct. 2017  ·  21Comentarios  ·  Fuente: angular/vscode-ng-language-service

Tengo TSLint (5.7.0), codelyzer (3.2.1) y angular lang service 0.1.7 instalado en vscode 1.17.0 (Windows)

En mi proyecto angular cli (1.4.5)

Si tengo la siguiente configuración en tsconfig

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

y mi importación sería como
importar {SharedModule} desde '@ app / shared / shared.module';

Tendré muchos errores como este en mi plantilla que se muestra en vscode con subrayados rojos.

[Angular] Enlace de propiedad ng Si no lo utiliza ninguna directiva en una plantilla incrustada. Asegúrese de que el nombre de la propiedad esté escrito correctamente y de que todas las directivas se enumeren en "@ NgModule.declarations".

Pero si lo importo con una ruta relativa

importar {SharedModule} desde '../../shared/shared.module';

El problema desaparece.

al principio, pensé que era vscode-tslint https://github.com/Microsoft/vscode-tslint/issues/276#event -1292520818

Pero parece que es de Angular Language Service

bug

Comentario más útil

Aquí tengo el mismo problema.

Todos 21 comentarios

Aquí tengo el mismo problema.

Tengo el mismo problema

  • vscode muestra error al usar el alias de ruta
  • vs código muestra error al usar * ngIf ... en plantilla

@maxisam ¿Podría escribir aquí cómo se ve su estructura de código? Especialmente donde se encuentran app.module.ts y shared.module.ts. ¿Utiliza barels (index.ts)?

Me gustaría mencionar que si usa "paths" en su tsconfig, debe especificar "baseUrl". (de acuerdo con esta respuesta de stackoverflow )

raíz
| --src
| --app
| --compartir

No uso barriles. Es un diseño CLI normal. El proyecto es generado por cli.

Tiene configuración de caminos.

El mismo problema aquí, el parámetro baseUrl ya está configurado con "src" y, sin embargo, no funciona.

Esta configuración me resolvió el problema:

"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/*"]
}

Estoy usando Angular-CLI y también tengo este problema al usar una biblioteca de componentes externos (de la que soy el autor). Intenté cambiar tsconfig.app.json con la configuración mencionada, pero eso no cambió nada de mi lado. ¿Existe alguna otra solución? Y / o ¿tengo que hacer algún tipo de cambio en mi biblioteca?

Gracias @aitboudad, pero eso no funcionó para mí. Finalmente me tomé el tiempo para actualizar mi aplicación a Angular 5 y actualicé como sugirió en ese otro problema a "@angular/language-service": "5.1.0-beta.1" pero aún así aparece este error. Viene de una biblioteca que hice llamada Angular-Slickgrid y en mi entorno de desarrollo usando rutas relativas ./ No veo este problema, pero usando la biblioteca en una aplicación externa como import ... from 'angular-slickgrid' y cambie a mi Vista completamente, se vuelve completamente rojo como se muestra a continuación.

Puedes ver que el error es

[Angular] Cannot read property 'isSkipSelf' of null

cannotskipitself

@ghiscoding después de instalar @angular/language-service debe reiniciar vscode

@aitboudad Sí, yo también lo había hecho, pero todavía recibía el error.

Esto tampoco funciona para mí, incluso después de instalar @ angular / language-service

También puedo informar el mismo problema. Esto solo ocurre en VS Code con la extensión del servicio de idiomas. WebStorm no tiene ningún problema con él por defecto y lo resuelve todo.
Consulte también: https://github.com/angular/angular/issues/16382 y https://github.com/nrwl/nx/issues/73.

alguna actualización sobre esto?

Hola, pensé que era el único.

Estoy trabajando en un Angular Mono Repo, y esto me empezó a pasar hace un rato.

¡Espero que se solucione pronto! ¡Gracias chicos!

@chuckjaz ¿ alguna idea?

https://github.com/angular/angular/issues/16382 solucionó esto y se lanzó como Angular.ng-template 0.1.9. @fxck ¿Puede comprobar si está ejecutando la última versión?

@kyliau
Ya no veo el problema de mi lado, así que puedo confirmar que ahora me funciona. Gracias

Cerrando esto por ahora ya que el problema está solucionado.

Este problema se ha bloqueado automáticamente debido a la inactividad.
Por favor, presente un nuevo problema si se encuentra con un problema similar o relacionado.

Obtenga más información sobre nuestra política de bloqueo automático de conversaciones .

_Esta acción ha sido realizada automáticamente por un bot._

¿Fue útil esta página
0 / 5 - 0 calificaciones