Vscode-ng-language-service: Bug: Pelengkapan Otomatis Tidak Lagi Bekerja Dengan Angular 6

Dibuat pada 28 Mei 2018  ·  38Komentar  ·  Sumber: angular/vscode-ng-language-service

Dengan proyek saya saat ini yang telah saya tingkatkan sejak Angular 2, pelengkapan otomatis plugin tidak lagi berfungsi dengan Angular 6. Plugin ini dapat memberikan kesalahan, petunjuk, dan navigasi hanya setelah variabel diketik sepenuhnya dan beberapa detik telah berlalu.

Saya baru saja membuat proyek baru dengan ng new my-app , membuka proyek di VS Code dan menginstal plugin dan saya mendapatkan perilaku yang sama, pelengkapan otomatis tidak berfungsi.

Juga tidak mendapatkan pelengkapan otomatis untuk Material CDK . Misalnya cdkConnectedOverlay seperti yang ditunjukkan di sini

https://youtu.be/kYDLlfpTLEA?t=612

CLI sudut: 6.0.5
Sudut: 6.0.3
Naskah: 2.7.2

Komentar yang paling membantu

v0.1.10 keluar dengan angular-language-service 6.1 dan TS 2.7, terima kasih @kyliau

Semua 38 komentar

beberapa proyek dapat bekerja beberapa tidak. Mengapa?

Tidak bekerja untuk saya juga.. Butuh bantuan..

@chuckjaz Tampaknya fitur pelengkapan otomatis tidak berfungsi untuk Angular & Material 6+. Ekstensi menggunakan @angular/[email protected] dan [email protected] . Apakah perlu diperbarui untuk 6.0.0?

@ewaschenko Bagaimana cara memenuhi sendiri? Apakah sederhana? Saya git sumber tetapi tampaknya sesuai di linux ()

Ya, plugin ini tidak melakukan apa pun untuk saya. Dalam output, saya melihat log berikut terus-menerus diulang saat saya mengonfigurasi file HTML saya
getCompletions: XXms getCompletions: XXms getDiagnostics: XXms updating project structure from ... getTemplateReferences: 0ms getTemplateReferences: 0ms updated: ng - 0ms

Dimana X adalah suatu bilangan

@parion Saya mendapatkan hal yang sama seperti Anda ketika saya mengetik variabel yang harus dilengkapi secara otomatis.

getCompletions: 227ms
getDiagnostics: 11ms
updating project structure from ...
getTemplateReferences: 0ms
updated: ng - 0ms

Saya memeriksa proyek tempat pelengkapan otomatis berfungsi, dan saya mendapatkan statistik serupa.

Saya memeriksa proyek tempat pelengkapan otomatis berfungsi, dan saya mendapatkan statistik serupa.

Oke jadi itu tidak berguna. Mungkin mencoba memforking proyek akhir pekan ini dan melihat apakah saya dapat menemukan solusi atau bug sendiri agar plugin ini berfungsi kembali dengan Angular 6. Tidak membantu Saya memiliki sedikit pengalaman Angular, tetapi saya benar-benar ingin plugin ini berfungsi.

@parion Jika Anda membuat proyek baru dengan ng new my-app apakah pelengkapan otomatis berfungsi untuk Anda? Karena proyek tempat pelengkapan otomatis berfungsi, saya membuatnya belum lama ini dan menggunakan Angular 6.0.3 dan TypeScript 2.7.2 Proyek tempat pelengkapan otomatis tidak berfungsi, saya memutakhirkan dari Angular 4 ke 5 ke 6.

Proyek yang sedang saya kerjakan di mana saya mengalami masalah ini dibuat oleh CLI dengan ng new APP .

@parion Saya ingin membantu memperbarui sumber, tetapi beberapa jenis deklarasi dan ekstensi api saya tidak dapat menemukan document .

Di sini tidak berfungsi juga. Membuat proyek baru dengan "ng baru" dan tidak ada intellisense, pelengkapan otomatis/impor.

Sama terjadi di sini. Apakah ada cara untuk menurunkan versi ekstensi?

Kesalahan yang sama di sini, saya telah melihat bahwa penyelesaian otomatis tampaknya tersedia lagi setelah paket diimpor secara manual.

Bagaimana Anda mengimpor paket @AndresVD21 secara manual?

Lakukan saja sesuatu seperti:

import { } from '@angular/router' 

Dan kemudian coba gunakan modul apa pun seperti RouterModule maka VSCode akan melengkapi impor secara otomatis dari paket itu.

Itu adalah fitur VS Code karena metode dan properti dilengkapi secara otomatis dari paket yang diimpor. Ini berfungsi bahkan dengan Layanan Bahasa Angular dinonaktifkan.

Juga ditemukan bahwa layanan bahasa tidak menerapkan pelengkapan otomatis atau navigasi untuk arahan, menurut Angular Docs seharusnya:

Navigasi memungkinkan Anda mengarahkan kursor untuk melihat dari mana komponen, direktif , modul, dll. berasal, lalu klik dan tekan F12 untuk langsung menuju definisinya.

Saya membuat arahan sederhana, menambahkannya ke app.module dll dan tidak menyediakan pelengkapan otomatis saat digunakan di dalam templat atau navigasi setelah diketik.

Saya juga menemukan bahwa pelengkapan otomatis berfungsi untuk saya jika saya menggunakan inline template tetapi tidak template URL . Navigasi direktif masih tidak berfungsi.

@chuckjaz Ada Pembaruan?

Sama disini. Ada Pembaruan?

Tidak ada tampaknya. Proyek ini telah diperbarui lebih dari setengah tahun yang lalu, tanpa pembaruan lebih lanjut dari pemiliknya. Mungkin sudah mati.

v0.1.10 keluar dengan angular-language-service 6.1 dan TS 2.7, terima kasih @kyliau

Saya masih belum memiliki pelengkapan otomatis pada Template HTML. Apakah ada cara untuk men-debug ini?

Ya saya memiliki masalah yang sama

Masalah yang sama untuk saya juga. Buat proyek dengan ng new dan Layanan Bahasa Angular tidak berfungsi. Saya tidak tahu bagaimana cara memperbaikinya. Siapa saja?

Saya telah menemukan solusinya. Buat proyek ng new di root harddisk Anda (misalnya C: jika Anda menggunakan Windows). Kesalahan dengan itu semua adalah simbol pelokalan, dalam kasus saya karakter Cyrillic. Jadi, gunakan tempat untuk proyek Anda dengan karakter Latin di jalur direktori. Itu saja

itu tidak berhasil untuk saya. Saya tidak memiliki simbol di jalan saya.

Tulis versi angular/cli Anda dan jalur proyek kerja. Saya menggunakan angular cli 7.0.4, TypeScript 3.1.3, node 10.13.0 dan "C:Global Projects{name of foulder}"

Angular CLI: 6.1.3
Node: 9.7.1
OS: win32 x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.7.3
@angular-devkit/core         0.7.3
@angular-devkit/schematics   0.7.3
@schematics/angular          0.7.3
@schematics/update           0.7.3
rxjs                         6.2.2
typescript                   2.9.2

D:Projekte{nama folder}

adalah konfigurasi saya

Cobalah untuk menarik angular/cli terbaru (7.0.4), saya ingat di suatu tempat saya melihat perbaikan bug dilakukan di repositori angular github, mungkin dalam versi Anda, Anda belum melakukannya. Jika memperbarui ke versi terbaru cli tidak membantu, Anda dapat mengubah bahasa lokalisasi Kode VS ke Bahasa Inggris (jika mungkin), dan memeriksa versi ekstensi Layanan Bahasa Angular. Apakah Kode VS diinstal di hard drive D?

Tidak ada yang berhasil untuk saya juga. ada yang bisa bantu?

saya memperbarui semua deps dan vscode saya ada di harddisk yang sama dengan proyek saya

Saya memiliki masalah yang sama dengan ekstensi yang tidak berfungsi tetapi saya sudah berfungsi sekarang. Apa yang membantu saya adalah saran teman saya untuk memeriksa log ekstensi. Saya tidak menemukannya tetapi ini akhirnya memandu saya ke "Bantuan -> Beralih Alat Pengembang". Itu membuka devtools seperti di Chrome dan di tab "Konsol" ada kesalahan yang berasal dari ekstensi. Kesalahannya adalah seperti "Klien bahasa memerlukan versi Kode VS ^ 1.26 tetapi menerima versi 1.25.1". Setelah memperbarui Kode VS itu sendiri, masalahnya hilang dan ekstensi berfungsi sekarang.

Tidak ada yang berhasil untuk saya. Apakah ada yang punya pembaruan tentang ini?

nonaktifkan semua ekstensi di VSCode, Menginstal di proyek Anda dan "gunakan versi ruang kerja" dari TypeScript
settings.json

{
    "typescript.tsdk": "node_modules/typescript/lib"
}

membantu saya

periksa log keluaran VSCode. Saya memiliki masalah dengan file JSON saya yang tidak terlihat jelas. klik output lalu pilih layanan bahasa sudut di drop-down dan Anda akan melihat mengapa itu tidak berhasil:
image

@samuelt1 apakah Anda keberatan berbagi bagaimana tsconfig.json Anda?
Saya juga melihat Anda menggunakan layanan bahasa versi lama.
Apakah Anda keberatan mencoba versi terbaru dan melihat apakah itu masih menjadi masalah?
https://github.com/angular/vscode-ng-language-service/releases/tag/v0.8000.0

Saya memiliki masalah yang sama dengan @samuelt1

Ini adalah tsconfig.json saya

{ "compileOnSave": false, "compilerOptions": { "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "target": "es5", "typeRoots": [ "node_modules/@types" ], "lib": [ "es2016", "dom" ], "module": "es2015", "baseUrl": "src", "paths": { "@project-1-core/*": ["../projects/project-1/src/app/core/*"], } } }

@fabianedl777 Masalah dilacak oleh https://github.com/angular/angular/issues/21729

Saya menutup ini karena banyak komentar baru-baru ini tidak terkait dengan masalah aslinya.
Silakan coba rilis versi 8 terbaru, dan jika masih tidak berfungsi, silakan buka edisi baru .
Terima kasih!

Masalah ini telah dikunci secara otomatis karena tidak ada aktivitas.
Silakan ajukan masalah baru jika Anda mengalami masalah 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