Vscode-ng-language-service: يتسبب إعداد المسارات في tsconfig.json في حدوث مشكلات

تم إنشاؤها على ١٣ أكتوبر ٢٠١٧  ·  21تعليقات  ·  مصدر: angular/vscode-ng-language-service

لدي TSLint (5.7.0) ، ومشفرة (3.2.1) وخدمة Angular lang 0.1.7 مثبتة على vscode 1.17.0 (windows)

في مشروعي الزاوي CLI (1.4.5)

إذا كان لدي الإعداد التالي في tsconfig

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

وسيكون الاستيراد مثل
استيراد {SharedModule} من "@ app / shared / shared.module" ؛

سيكون لدي الكثير من الأخطاء مثل هذا في القالب الخاص بي يظهر في vscode مع تسطير أحمر.

[Angular] ربط الخاصية ngIf لم يتم استخدامه بواسطة أي توجيه في قالب مضمن. تأكد من كتابة اسم الخاصية بشكل صحيح ومن سرد كافة التوجيهات في "@ NgModule.declarations".

ولكن إذا قمت باستيراده بمسار نسبي

استيراد {SharedModule} من '../../shared/shared.module'؛

المشكلة تزول.

في البداية ، اعتقدت أنه كان vscode-tslint https://github.com/Microsoft/vscode-tslint/issues/276#event -1292520818

ولكن يبدو أنه من Angular Language Service

bug

التعليق الأكثر فائدة

هنا لدي نفس المشكلة.

ال 21 كومينتر

هنا لدي نفس المشكلة.

لدي نفس المشكلة

  • عرض vscode خطأ عند استخدام الاسم المستعار للمسار
  • vs code show error عند استخدام * ngIf ... في النموذج

maxisam هل يمكنك أن تكتب هنا كيف تبدو بنية الكود؟ خاصة حيث توجد app.module.ts و shared.module.ts. هل تستخدم barels (index.ts)؟

أود أن أذكر أنه إذا كنت تستخدم "paths" في yout tsconfig ، فيجب عليك تحديد "baseUrl". (وفقًا لإجابة stackoverflow )

جذر
| - src
| --app
| - شارك

أنا لا أستخدم البراميل. إنه تخطيط CLI عادي. تم إنشاء المشروع بواسطة CLI.

لديها مسارات الإعداد.

نفس المشكلة هنا ، تم تعيين المعلمة baseUrl بالفعل مع "src" ومع ذلك فهي لا تعمل.

حل هذا التكوين المشكلة بالنسبة لي:

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

أنا أستخدم Angular-CLI ولدي أيضًا هذه المشكلة عند استخدام مكتبة مكونات خارجية (وأنا مؤلفها). حاولت تغيير tsconfig.app.json بالتكوين المذكور لكن ذلك لم يغير أي شيء من جانبي. هل هناك أي حل آخر؟ و / أو ، هل يجب علي إجراء أي نوع من التغييرات في مكتبتي؟

شكرًا aitboudad لكن هذا لم ينجح معي. لقد استغرقت وقتًا لتحديث تطبيقي إلى Angular 5 وتم تحديثه كما اقترحت في هذه المشكلة الأخرى إلى "@angular/language-service": "5.1.0-beta.1" ولكن ما زلت أتلقى هذا الخطأ. إنها تأتي من مكتبة قمت بإنشائها تسمى Angular-Slickgrid وفي بيئة التطوير الخاصة بي باستخدام المسارات النسبية ./ لا أرى هذه المشكلة ، ولكن باستخدام lib في تطبيق خارجي مثل import ... from 'angular-slickgrid' وانتقل إلى طريقة العرض الخاصة بي تمامًا يصبح أحمر تمامًا كما هو موضح أدناه.

يمكنك أن ترى الخطأ يجري

[Angular] Cannot read property 'isSkipSelf' of null

cannotskipitself

ghiscoding بعد تثبيت @angular/language-service يجب إعادة تشغيل vscode

aitboudad نعم لقد فعلت ذلك أيضًا ولكن لا يزال الخطأ.

هذا لا يعمل بالنسبة لي أيضًا ، حتى بعد تثبيت @ angular / language-service

يمكنني أيضًا الإبلاغ عن نفس المشكلة. يحدث هذا فقط في VS Code مع امتداد خدمة اللغة. لا توجد مشكلة في WebStorm معها بشكل افتراضي وتقوم بحل كل شيء.
انظر أيضًا: https://github.com/angular/angular/issues/16382 و https://github.com/nrwl/nx/issues/73.

أي تحديثات على هذا؟

مرحبا ، اعتقدت أنني كنت الوحيد.

أنا أعمل على Angular Mono Repo ، وقد بدأ هذا يحدث لي منذ فترة قصيرة.

على أمل أن يتم إصلاحه قريبا! شكرا يا رفاق!

chuckjaz أي أفكار؟

https://github.com/angular/angular/issues/16382 تم إصلاح هذا وتم إصداره كـ Angular.ng-template 0.1.9. fxck هل يمكنك التحقق مما إذا كنت تقوم بتشغيل أحدث إصدار؟

تضمين التغريدة
لم أعد أرى المشكلة من جانبي ، لذا يمكنني أن أؤكد أنها تعمل بالنسبة لي الآن. شكر

يتم إغلاق هذا الآن حيث تم حل المشكلة.

تم قفل هذه المشكلة تلقائيًا بسبب عدم النشاط.
يرجى تقديم مشكلة جديدة إذا كنت تواجه مشكلة مشابهة أو ذات صلة.

اقرأ المزيد حول سياسة قفل المحادثة التلقائي .

_تم تنفيذ هذا الإجراء تلقائيًا بواسطة روبوت.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات