Vscode-ng-language-service: Pengaturan jalur di tsconfig.json menyebabkan masalah

Dibuat pada 13 Okt 2017  ·  21Komentar  ·  Sumber: angular/vscode-ng-language-service

Saya memiliki TSLint (5.7.0), codelyzer (3.2.1) dan layanan lang sudut 0.1.7 diinstal pada vscode 1.17.0 (windows)

Dalam proyek angular cli (1.4.5) saya

Jika saya memiliki pengaturan berikut di tsconfig

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

dan impor saya akan seperti itu
impor {SharedModule} dari '@ app / shared / shared.module';

Saya akan memiliki banyak kesalahan seperti ini di template saya yang ditampilkan di vscode dengan garis bawah merah.

[Angular] Properti mengikat ngIf tidak digunakan oleh direktif apapun pada template yang disematkan. Pastikan nama properti dieja dengan benar dan semua arahan terdaftar di "@ NgModule.declarations".

Tetapi jika saya mengimpornya dengan jalur relatif

impor {SharedModule} dari '../../shared/shared.module';

Masalahnya hilang.

pada awalnya, saya pikir itu vscode-tslint https://github.com/Microsoft/vscode-tslint/issues/276#event -1292520818

Tapi sepertinya itu dari Angular Language Service

bug

Komentar yang paling membantu

Di sini saya memiliki masalah yang sama.

Semua 21 komentar

Di sini saya memiliki masalah yang sama.

saya memiliki masalah yang sama

  • vscode menunjukkan kesalahan saat menggunakan alias jalur
  • kode vs menunjukkan kesalahan saat menggunakan * ngIf ... di template

@maxisam Bisakah Anda menulis di sini bagaimana struktur kode Anda terlihat? Terutama di mana app.module.ts dan shared.module.ts berada. Apakah Anda menggunakan barels (index.ts)?

Saya ingin menyebutkan bahwa jika Anda menggunakan "paths" di tsconfig Anda, Anda harus menentukan "baseUrl". (menurut jawaban stackoverflow ini )

akar
| --src
| --app
| --share

Saya tidak menggunakan barel. Ini adalah tata letak CLI normal. Proyek ini dibuat oleh cli.

Ini memiliki pengaturan jalur.

Masalah yang sama di sini, parameter baseUrl sudah disetel dengan "src" namun tidak berfungsi.

Konfigurasi ini memecahkan masalah saya:

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

Saya menggunakan Angular-CLI dan juga mengalami masalah ini saat menggunakan pustaka komponen eksternal (saya penulisnya). Saya mencoba mengubah tsconfig.app.json dengan konfigurasi yang disebutkan tetapi itu tidak mengubah apa pun di pihak saya. Apakah ada solusi lain? Dan / atau, apakah saya harus melakukan perubahan apa pun di perpustakaan saya?

Terima kasih @aitboudad tetapi itu tidak berhasil untuk saya. Saya akhirnya meluangkan waktu untuk memperbarui Aplikasi saya ke Angular 5 dan memperbarui seperti yang Anda sarankan di terbitan lainnya menjadi "@angular/language-service": "5.1.0-beta.1" tetapi masih mendapatkan kesalahan ini. Itu berasal dari perpustakaan yang saya buat bernama Angular-Slickgrid dan di lingkungan Dev saya menggunakan jalur relatif ./ Saya tidak melihat masalah ini, tetapi menggunakan lib di Aplikasi eksternal sebagai import ... from 'angular-slickgrid' dan alihkan ke View saya sepenuhnya itu menjadi benar-benar merah seperti yang ditunjukkan di bawah ini.

Anda dapat melihat kesalahannya

[Angular] Cannot read property 'isSkipSelf' of null

cannotskipitself

@ghiscoding setelah menginstal @angular/language-service Anda harus memulai ulang vscode

@aitboudad Ya saya telah melakukan itu juga, tetapi masih mendapatkan kesalahan.

Ini juga tidak berfungsi untuk saya, bahkan setelah menginstal @ angular / language-service

Saya juga bisa melaporkan masalah yang sama. Ini hanya terjadi di VS Code dengan ekstensi layanan bahasa. WebStorm tidak memiliki masalah dengannya secara default dan menyelesaikan semuanya.
Lihat juga: https://github.com/angular/angular/issues/16382 dan https://github.com/nrwl/nx/issues/73.

ada pembaruan tentang ini?

Halo, saya pikir saya adalah satu-satunya.

Saya sedang mengerjakan Angular Mono Repo, dan ini mulai terjadi pada saya beberapa saat yang lalu.

Berharap itu segera diperbaiki! Terima kasih, Guys!

@chuckjaz ada ide?

https://github.com/angular/angular/issues/16382 memperbaikinya dan dirilis sebagai Angular.ng-template 0.1.9. @fxck Bisakah Anda memeriksa apakah Anda menjalankan versi terbaru?

@rachmatul
Saya tidak melihat masalah di sisi saya lagi, jadi saya dapat mengonfirmasi bahwa itu berfungsi untuk saya sekarang. Terima kasih

Menutup ini untuk saat ini karena masalah sudah diperbaiki.

Masalah ini telah dikunci secara otomatis karena tidak ada aktivitas.
Ajukan masalah baru jika Anda mengalami masalah yang serupa atau terkait.

Baca lebih lanjut tentang kebijakan penguncian percakapan otomatis kami.

_Tindakan ini telah dilakukan secara otomatis oleh bot._

Apakah halaman ini membantu?
0 / 5 - 0 peringkat