Vscode-ng-language-service: HTML टेम्पलेट में भाषा सेवा द्वारा पुन: निर्यात किए गए मॉड्यूल के घटकों का पता नहीं लगाया गया है

को निर्मित 11 अप्रैल 2017 · 22टिप्पणियाँ · स्रोत: angular/vscode-ng-language-service

चूंकि कोणीय / सामग्री 2-2.0.0-beta.3 ने घोषणा की कि MaterialModule जो सभी भौतिक घटकों का निर्यात करते हैं, अगले संस्करण में अपदस्थ होने जा रहे हैं, मैंने उनकी सलाह का पालन करने और अपना स्वयं का एप्लिकेशन विशिष्ट बनाने का निर्णय लिया AppMaterialModule जहां मैंने केवल सामग्री मॉड्यूल को शामिल किया, जिसका मैं एक-एक करके उपयोग करता हूं।

// app-material.module.ts
import { NgModule } from '@angular/core';
import {
  MdInputModule,
  etc...
} from '@angular/material'

@NgModule({
  imports: [],
  exports: [
    MdInputModule,
    etc...
  ],
  declarations: [],
  providers: [],
})
export class AppMaterialModule { }

यहाँ मेरा app.module.ts फ़ाइल है:

@NgModule({
  imports: [
    CoreModule,
    AppMaterialModule,
    BrowserModule,
    BrowserAnimationsModule,
    HttpModule,
    AppRoutingModule,
    SharedModule.forRoot()
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

मैंने अपने एप्लिकेशन का परीक्षण किया और यह MaterialModule स्थान पर उपयोग करने से पहले ठीक उसी तरह काम करता है। हालाँकि, जब मैंने एक HTML टेम्प्लेट फ़ाइल खोली, तो मैंने देखा कि उपयोग किए गए सभी भौतिक घटकों पर दिखाई गई त्रुटियाँ हैं।

वे सभी एक ही त्रुटि के साथ हैं:

[Angular]
'md-input-container' is not a known element:
1. If 'md-input-container' is an Angular component, then verify that it is part of this module.
2. If 'md-input-container' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

ng-lang-service-bug

मुझे आशा है कि यह मेरे द्वारा अनुभव की गई समस्या का एक सहायक स्पष्टीकरण है। यदि आपको अधिक जानकारी की आवश्यकता है तो मुझे यह प्रदान करने में खुशी होगी।

bug

स्रोत

tsvetan-ganev

👍8

सबसे उपयोगी टिप्पणी

मुझे लगता है कि भाषा सेवा tsconfig संकलक को सही ढंग से लागू नहीं करती है। मेरे पास वहां एक मार्ग मानचित्रण है और उस मानचित्रण का उपयोग करके आयात किए गए मॉड्यूल को मान्यता नहीं दी गई है जो मेरे लिए यहां वर्णित एक ही समस्या का परिणाम है।

@chuckjaz : मैंने यहाँ इस मुद्दे को फिर से तैयार किया है: https://github.com/mjamin/vscode-ng-language-service-repro

Tsconfig.json एक पथ मानचित्रण को परिभाषित करता है जो BarModule आयात करने के लिए app.module.ts में उपयोग किया जाता है। उस मॉड्यूल में घोषित घटक app.component.html में भाषा सेवा द्वारा मान्यता प्राप्त नहीं है

mjamin 19 अप्रैल 2017

👍8

सभी 22 टिप्पणियाँ

क्या आप मुझे एक रिपॉजिटरी का लिंक भेज सकते हैं जो इस मुद्दे को पुन: पेश करता है या एक .zip फ़ाइल संलग्न करता है जो मैं इसे प्रदर्शित कर सकता हूं?

chuckjaz 12 अप्रैल 2017

सत्यापित करने पर मुझे @ tsvetan-ganev के रूप में एक ही सिफारिश (बनाएँ और एप्लिकेशन विशिष्ट सामग्री मॉड्यूल) का पालन करके VSCode में इस सटीक मुद्दे का सामना करना पड़ा।

jamieathans 12 अप्रैल 2017

👍1

@chuckjaz , यहाँ एक ज़िप्ड प्रोजेक्ट है जिसे मैंने plnkr से डाउनलोड किया है क्योंकि मैं यह पता नहीं लगा सका कि वहाँ वास्तविक प्रोजेक्ट का लिंक कैसे साझा किया जाए। असुविधा के लिए खेद है, लेकिन मैंने सचमुच अपनी परियोजना के लिए एक लिंक साझा करने की कोशिश में 20 मिनट बिताए।
ng-material.zip

tsvetan-ganev 12 अप्रैल 2017

@ tsvetan-ganev मैं आपके द्वारा प्रदान की गई .zip फ़ाइल के साथ आपके द्वारा अनुभव की जा रही समस्या को पुन: उत्पन्न नहीं कर सका क्योंकि इसमें पूर्ण प्रोजेक्ट नहीं है। क्या आप एक ऐसा पैकेज शामिल कर सकते हैं जिसमें मान्य पैकेज। Json और tsconfig.json फाइलें हों?

मैंने पाया कि संबंधित बग क्या हो सकता है, https://github.com/angular/angular/issues/15969। यह @angular/animations साथ @angular/material साथ स्थापित नहीं होने के कारण था।

chuckjaz 13 अप्रैल 2017

@chuckjaz : मैंने यहाँ इस मुद्दे को फिर से तैयार किया है: https://github.com/mjamin/vscode-ng-language-service-repro

mjamin 19 अप्रैल 2017

👍8

@mjamin क्या आपके पास अभी तक कोई सुधार है?

Elecweb 26 अप्रैल 2017

👍2

मैं इस मुद्दे को भी कर रहा हूँ। जब भी साझा किए गए मॉड्यूल होते हैं तो ऐसा लगता है कि आप प्रत्येक घटक में भी आयात करते हैं। ऐसा लगता है कि आयात किए गए मॉड्यूल द्वारा प्रदान की जाने वाली परिभाषाओं को अनदेखा करता है जो फिर से निर्यात किए जाते हैं। मैंने एक साझा मॉड्यूल बनाया, जो उन वस्तुओं को फिर से निर्यात करता है जिन्हें वह आयात करता है और घोषित करता है (कॉमनमॉडल, प्रश्न में एक मॉड्यूल सहित), और जब मैं इस मॉड्यूल को अन्य मॉड्यूल में आयात करता हूं, तो कोणीय (4) आयात को समझता है, लेकिन कोणीय भाषा सेवा नहीं मिल सकती है कॉमनमॉडल या मेरे कस्टम घटक, भले ही वे मेरे साझा मॉड्यूल में निर्यात किए जाते हैं।

Nerketur 18 मई 2017

👍3

@chuckjaz @mjamin मैं इस मुद्दे मैंने पाया कि और अधिक बारीकी से (मुझे लगता है कि) का एक अलग प्रजनन बनाया विवरण से मेल खाती https://github.com/Nerketur/shared-ng-module-test

ऐसा लगता नहीं है कि संकलक विकल्पों के साथ कुछ भी करना है, क्योंकि यह पूरी परियोजना डिफ़ॉल्ट सब कुछ का उपयोग करती है।

Nerketur 18 मई 2017

जब आपने कहा कि ALS राष्ट्रमंडल / आपके कस्टम घटक को नहीं ढूंढ सकता है, तो क्या आपका मतलब है कि जब आप कॉमनमॉडल / कस्टम घटक का उपयोग करने का प्रयास करते हैं तो ALS ऑटो पूर्ण नहीं होता है?

jogit82 18 मई 2017

स्वतः पूर्ण कार्य नहीं करता है, और त्रुटि के साथ लाल त्रुटि रेखाएँ दिखाई देती हैं:
"[कोणीय]
'ऐप-परीक्षण' एक ज्ञात तत्व नहीं है:

यदि 'ऐप-टेस्टिंग' एक कोणीय घटक है, तो सत्यापित करें कि यह इस मॉड्यूल का हिस्सा है।
यदि 'ऐप-परीक्षण' एक वेब घटक है, तो इस संदेश को दबाने के लिए इस घटक के '@ NgModule.schemas' में 'CUSTOM_ELEMENTS_SCHEMA' जोड़ें। "

(रेपो का उपयोग करते हुए मैंने अभी प्रदान किया)

Nerketur 18 मई 2017

👍1

मैं नए टाइपस्क्रिप्ट प्लगइन वास्तुकला का उपयोग करने के लिए इस परियोजना को परिवर्तित करने की प्रक्रिया में हूं और इस कीड़े को क्षेत्ररक्षण में धीमा कर रहा हूं। उसके लिए माफ़ करना।

एक बार जब हम प्लगइन आर्किटेक्चर छाँट लेंगे तो मैं बैकलॉग के माध्यम से प्राप्त करूँगा।

chuckjaz 18 मई 2017

👍5 😕1

@chuckjaz कोई चिंता नहीं। आभारी हूं कि आप इसमें बहुत प्रयास कर रहे हैं। यह वहाँ हो रहा है;)

hccampos 18 मई 2017

क्या इसके आसपास कोई कार्य है?

tariknz 12 जून 2017

👍3

इस मुद्दे को भी। बस सोच रहा था कि इस प्लगइन का उपयोग जारी रखने के लिए मुझे कोई भी अपडेट मिलेगा।

cmeredith 14 जून 2017

👍1

मुझे लगता है कि यह समस्या को ठीक करता है: https://github.com/angular/vscode-ng-language-service/issues/108

साझा मॉड्यूल सहित सब कुछ आयात करते समय बस सापेक्ष रास्तों का उपयोग करें, और स्वयं उन साझा मॉड्यूलों में आयात करें, अर्थात सभी आयातों में सापेक्ष पथ होना चाहिए। और फिर पुनः निर्यात को मान्यता दी जाएगी।

tx8821 15 जून 2017

😄3 👍2

@ tx8821 ने धन्यवाद काम किया। अभी के लिए बहुत अच्छा है! मुझे खुशी है कि मैं इसे फिर से उपयोग कर सकता हूं, अब तक v4 से सबसे अच्छी सुविधा है!

tariknz 15 जून 2017

@ tx8821 समाधान के लिए धन्यवाद! लेकिन यह फिक्स नहीं है, यह कोड में सिर्फ एक और बैसाखी है। असली फिक्स का इंतजार करेंगे

wermetal 12 सित॰ 2017

एक ही समस्या होने पर, रिश्तेदार पथ (ugh!) का उपयोग करके एक फ़िक्स बनाम देखना पसंद करेंगे। इस प्रकार आपकी कड़ी मेहनत के लिए धन्यवाद! :)

rhefner 10 अक्तू॰ 2017

👍6

आयनिक 4 मल्टी-ऐप (मोनोरेपो) मुझे यहां लाया।
अफसोस की बात है कि प्रत्येक ऐप के लिए Ionic को एक पैकेज की आवश्यकता होती है। दूसरे शब्दों में: मेरे पास एक में 3 परियोजनाएं हैं। 2 ऐप्स और रूट। हर पैकेज जसन कमोबेश बराबर होता है। वैसे भी ... यह मेरी कार्यक्षेत्र संरचना (स्निपेट) है:

root
|- apps
|  |- app1
|  |  |- package.json
|  |  |- tsconfig.json
|  |- app2
|     |- package.json
|     |- tsconfig.json
|- lib
|  |- (export stuff like components)
|- package.json
|- tsconfig.json
|- angular.json (with all apps defined)

किसी एप्लिकेशन का tsconfig.json :

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "esnext",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": ["node_modules/@types"],
    "lib": ["es2018", "dom"],
    "paths": {
      "@lib/*": ["../../lib/*"]
    }
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

मैं lib से HelloWorldComponent आयात कर सकता हूं।
लेकिन HTML में मुझे त्रुटि मिलती है:

'app-hello-world' is not a known element:
1. If 'app-hello-world' is an Angular component, then verify that it is part of this module.
2. If 'app-hello-world' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.Angular

Angular-Language-Service को काम करना चाहिए क्योंकि HelloWorldComponent को app.module.ts में घोषित किया गया है। अजीब। शायद यह इसलिए है क्योंकि फ़ोल्डर एप्लिकेशन src से बाहर है? उपनाम मार्ग @lib केवल एक शॉर्टकट है। मैंने इसे बिना घटक के प्रत्यक्ष आयात के लिए भी आज़माया। फिर भी त्रुटि।

शायद यह एक नया मुद्दा होना चाहिए?

Domvel 11 सित॰ 2019

हम tsconfig.json की खोज और पार्स करने के लिए कस्टम तर्क को लागू करते थे, और इस प्रक्रिया में पथ मैपिंग को याद करते थे।
आज जारी नए विस्तार के साथ ऐसा नहीं है।
चूंकि मूल मुद्दा दो साल से अधिक पुराना है, इसलिए मैं इसे बंद करना चाहूंगा।
यदि नया व्यवहार में समान व्यवहार अभी भी मौजूद है, तो कृपया एक नया मुद्दा दर्ज करें।
आपका बहुत बहुत धन्यवाद!

kyliau 25 नव॰ 2019

संबंधित https://github.com/angular/vscode-ng-language-service/issues/14#issuecomment -577942244

kuncevic 24 जन॰ 2020

निष्क्रियता के कारण यह मुद्दा स्वतः बंद हो गया है।
यदि आप एक समान या संबंधित समस्या का सामना कर रहे हैं, तो एक नया मुद्दा दर्ज करें।

हमारी स्वचालित वार्तालाप लॉकिंग नीति के बारे में और पढ़ें।

_{_ यह क्रिया स्वचालित रूप से बॉट द्वारा की जाती है ।_}

angular-automatic-lock-bot[bot] 24 फ़र॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Vscode-ng-language-service: HTML टेम्पलेट में भाषा सेवा द्वारा पुन: निर्यात किए गए मॉड्यूल के घटकों का पता नहीं लगाया गया है

सबसे उपयोगी टिप्पणी

सभी 22 टिप्पणियाँ

संबंधित मुद्दों