बनाम कोड को '' कोणीय / कोर '' या कोई अन्य मॉड्यूल नहीं मिल सकता है

Question

मेरा प्रोजेक्ट 1.2.6 संस्करण [कोणीय सीएलआई] के साथ उत्पन्न हुआ था।

मैं परियोजना को संकलित कर सकता हूं और यह ठीक काम करता है, लेकिन मुझे हमेशा बनाम कोड में त्रुटि मिलती है कि मुझे मॉड्यूल '@ कोणीय / कोर' नहीं मिल सकता है मॉड्यूल '@ कोणीय / रूटर' नहीं मिल सकता है .....

मैंने अपनी tsconfig.json फ़ाइल की सामग्री संलग्न की है यह वास्तव में मेरे लिए निराशाजनक है, यह पता लगाने के लिए 2 घंटे खर्च कर रहा है कि क्या गलत है, मैंने भी बनाम कोड को अनइंस्टॉल और पुनर्स्थापित किया है यह काम नहीं करता है।

यहाँ मेरा पर्यावरण विनिर्देश है:

@angular/cli: 1.2.6
node: 6.9.1
os: win32 x64
@angular/animations: 4.3.4
@angular/common: 4.3.4
@angular/compiler: 4.3.4
@angular/core: 4.3.4
@angular/forms: 4.3.4
@angular/http: 4.3.4
@angular/platform-browser: 4.3.4
@angular/platform-browser-dynamic: 4.3.4
@angular/router: 4.3.4
@angular/cli: 1.2.6
@angular/compiler-cli: 4.3.4
@angular/language-service: 4.3.4

ओएस: माइक्रोसॉफ्ट बनाम 10 उद्यम

परियोजना रूट फ़ोल्डर

.angular-cli.json
.editorconfig
.gitignore
.vscode
e2e
karma.conf.js
node_modules
package.json
protractor.conf.js
README.md
src
tsconfig.json
tslint.json

नोड_मॉडल फ़ोल्डर

-@angular
--animations
--cli
--common
--compiler
--compiler-cli
--core
---@angular
---bundles
---core.d.ts
---core.metadata.json
---package.json
---public_api.d.ts
---README.md
---src
---testing
---testing.d.ts
---testing.metadata.json
--forms
--http
--language-service
--platform-browser
--platform-browser-dynamic
--router
--tsc-wrapped
@ng-bootstrap
@ngtools
-@types
--jasmine
--jasminewd2
--node
--q
--selenium-webdriver

tsconfig.json:

{
  "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"
    ]
  }
}

Comments

यह इसलिए है क्योंकि आपने कोणीय कोर को वैश्विक रूप में स्थापित किया है। Intellisense इसे node_modules में नहीं पा सकता है।

— प्रज्वल अगल

कोणीय कोर मेरी node_module में है

— Arash

क्या आपने vscodeइससे पहले कोई प्रोजेक्ट खोला था npm install? यदि yesआपने vscodeउसके बाद पुनः आरंभ करने का प्रयास किया है?

— कुंसविक.देव।

मैंने 100 बार पुनः आरंभ किया है

— Arash

क्या आप cli का उपयोग करके एक नया प्रोजेक्ट बनाने की कोशिश कर सकते हैं, npm installऔर फिर देख सकते हैं कि क्या उस चीज़ के साथ भी ऐसा ही है?

— कुंसविक.देव।

Answer 1

मैं केवल अपने स्वयं के बनाए गए घटकों / सेवाओं का आयात करते हुए इस मुद्दे का सामना कर रहा था, मेरे जैसे उन लोगों के लिए, जिनके लिए स्वीकृत समाधान काम नहीं करता था, यह कोशिश कर सकते हैं:

जोड़ना

"baseUrl": "src"

अपने में tsconfig.json। कारण यह है कि विज़ुअल कोड IDE बेस url को हल करने में असमर्थ है इसलिए आयातित घटकों के लिए पथ को हल करने में असमर्थ है और त्रुटि / चेतावनी देता है।

जबकि कोणीय संकलक srcडिफ़ॉल्ट रूप से बेसुरल के रूप में लेता है इसलिए यह संकलन करने में सक्षम है।

ध्यान दें:

इस परिवर्तन को प्रभावी बनाने के लिए आपको VS कोड IDE को पुनरारंभ करना होगा।

संपादित करें:

जैसा कि टिप्पणियों में से एक में उल्लेख किया गया है, कुछ मामलों में कार्यक्षेत्र संस्करण बदलने से भी काम हो सकता है। अधिक विवरण यहां: https://github.com/Microsoft/vscode/issues/34681#issuecomment-331306869

Comments

यह मेरे लिए काम करता है ... लेकिन अब एक और त्रुटि हो रही है बिल्ड: क्लास 'विषय <टी>' गलत तरीके से बेस क्लास 'ऑब्जर्वेबल <टी>' का विस्तार करता है

— sam

@sam जो इस मुद्दे से संबंधित नहीं है। शायद यह आपके कोड के साथ एक नए प्रश्न के रूप में पोस्ट करें।

— कोशिश कर रहा हूँ

इसने मेरे लिए काम किया। मैंने tsconfig.app.json फ़ाइल में basUrl के लिए src जोड़ा। "बेसुएल": "src",

— हॉवर्स

Tsconfig.json फ़ाइल में "basUrl": "src" जोड़ना मेरे लिए काम करता है।

— चामु

"बेस यूआरएल" जोड़कर अच्छा लगा: "src" tsconfig में इसे पुनः आरंभ करें और IDE को फिर से शुरू करें।

— गौतम जाड़ा

Answer 2

कोणीय परियोजना में बहुधा लापता नोड_मॉडल पैकेज, रन:

npm install

कोणीय प्रोजेक्ट फ़ोल्डर के अंदर।

Comments

पृथ्वी पर क्या! कोणीय के साथ शुरुआत ने मेरे आज को बचाया

— M-sAnNan

मूल प्रश्न में निर्देशिका ट्री में नोड_मॉडल / @ कोणीय / कोर फ़ोल्डर था, लेकिन शायद यह खाली था।

— रात्रि

फिर VSCode

— andreikashin

यह 2020 में किया। धन्यवाद।

— अकीतो

Answer 3

कोई भी अपडेट या इंस्टॉल या क्लियर कैश होने पर विजुअल कोड रिस्टार्ट की जरूरत है

Comments

वीएस कोड मेरे बारे में जाने बिना अपडेट किया गया। रिस्टार्ट ने मदद की।

— निकोलसैट

Answer 4

मेरे लिए फिक्स को चलाना था

npm install

और फिर अनलोड करें, फिर प्रोजेक्ट को विज़ुअल स्टूडियो में पुनः लोड करें।

Answer 5

मैं angular 5आज अपने आवेदन में इस मुद्दे का सामना कर रहा था । और जिस फिक्स ने मेरी मदद की, वह सरल था। मैं जोड़ा "moduleResolution": "node"करने compilerOptionsमें tsconfig.jsonफ़ाइल। मेरी पूरी tsconfig.jsonफ़ाइल सामग्री नीचे है।

{
  "compileOnSave": false,  
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

moduleResolutionमॉड्यूल संकल्प रणनीति निर्दिष्ट करें। इस सेटिंग्स का मान nodeया हो सकता है classic। आप इसके बारे में अधिक यहाँ पढ़ सकते हैं ।

Comments

मेरा कैरियर बचा लिया!

— null

सबसे अच्छा जवाब कभी!

— जोस नेटो

आपके साथ शीर्ष पर!

— एडम

Answer 6

प्रोजेक्ट फ़ोल्डर से नोड मॉड्यूल्स फ़ोल्डर हटाएं। कमांड के नीचे

npm cache clean --force npm install

यह काम करना चाहिए।

Answer 7

प्रयोग करके देखें:

npm audit fix --force

और फिर:

npm install --save @ng-bootstrap/ng-bootstrap

इसके बजाय @ng-bootstrap/ng-bootstrapविश्व स्तर पर बचत ।

Answer 8

मुझे भी यही समस्या थी। मैंने इसे npm कैश क्लियर करके हल किया है जो "C: \ Users \ Administrator \ AppData \ Roaming \ n- कैश" पर है

या आप बस चला सकते हैं:

npm cache clean --force

और फिर vscode को बंद करें, और फिर अपने फ़ोल्डर को फिर से खोलें।

Answer 9

मैं एक ही मुद्दे का सामना कर रहा था, इसके दो कारण हो सकते हैं-

1. आपका src आधार फ़ोल्डर घोषित नहीं किया जा सकता है, इसे हल करने के लिए tsconfig.json पर जाएं और "src" के रूप में आधार यूआरएल जोड़ें -

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

2. आपको npm में समस्या हो सकती है, इसे हल करने के लिए, अपनी कमांड विंडो खोलें और चलाएँ-npm install

Answer 10

मैंने पहले से इंस्टॉल किए गए सभी एक्सटेंशन को अनइंस्टॉल कर दिया है, और यह पता चलता है कि नीचे दिए गए पते से जावास्क्रिप्ट और टाइपस्क्रिप्ट इंटेलीसेनसेंस एक्सटेंशन जारी किए गए हैं। https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript

यहाँ बिंदु यह है कि जब आप वेबसाइट पर जाते हैं तो आप देखते हैं कि एक पीला लेबल है, आपको बता रहा है कि यह पूर्वावलोकन रिलीज़ में है, लेकिन जब आप बनाम एक्सटेंशन में ब्राउज़ करते हैं, तो आपको वह लेबल दिखाई नहीं देता है।

Comments

दुर्भाग्य से, मैं सभी एक्सटेंशन की स्थापना रद्द करने और वीएस कोड को पुनरारंभ करने के बाद भी इस मुद्दे को ले रहा हूं । : /

— जोनाथन

माफी, मुझे इस पर एक अद्यतन देना चाहिए था। हां, यह साफ हो गया है, लेकिन मुझे यकीन नहीं है कि मुझे बिल्कुल याद है। हालांकि, कुछ चीजें जो मैंने निश्चित रूप से कीं: ए) ने पूरी तरह से हटा दिया और मेरे समाधान को फिर से बनाया, बी) की स्थापना रद्द की और फिर से स्थापित किया गया कोणीय सीएलआई, सी) ने मेरी मशीन को रिबूट किया। आशा है कि यह किसी की मदद कर सकता है। यदि यह फिर से होता है, तो मैं यह निर्धारित करने के बारे में अधिक व्यवस्थित होने की कोशिश करूंगा कि मैं इसे कैसे ठीक करूं, ताकि मैं एक दोहराए गए समाधान की रिपोर्ट कर सकूं।

— जोनाथन

दूसरा संभावित उपाय है कि स्टेटस बार पर क्लिक करें और "Use Workspace Version" चुनें, github.com/Microsoft/vscode/issues/34681

— लुइस कैंटरो

Answer 11

मैंने बहुत सारे सामानों की कोशिश की, जो लोगों ने यहां बताए, बिना सफलता के। के बाद, मुझे बस एहसास हुआ कि मैं VSCode विस्तार के लिए Deno समर्थन का उपयोग कर रहा था। मैंने इसे अनइंस्टॉल कर दिया और एक पुनरारंभ की आवश्यकता थी। पुनः आरंभ करने के बाद समस्या हल हो गई।

Answer 12

आपको इसे मैन्युअल रूप से इंस्टॉल करने की आवश्यकता है।

$ npm i @angular/core -s

Answer 13

यह एक्सटेंशन https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript मुझे विज़ुअल कोड में त्रुटि पैदा कर रहा था, मैंने इसे अनइंस्टॉल कर दिया और यह मेरे लिए काम करता है

Comments

"यह एक्सटेंशन अब मार्केटप्लेस से अप्रकाशित है। आप इसे अनइंस्टॉल करना चुन सकते हैं।" 11 नवंबर 2019 तक बाज़ारस्थल

— ।visualstudio.com

Answer 14

मेरे मामले में यह आयात लाइन की गलत व्याख्या थी। जांचें कि आपने मैन्युअल रूप से टाइप करने पर @ कोणीय / कोर भाग को ठीक से वर्तनी किया है।

import { Component } from '@angular/core';

Answer 15

मेरे लिए यह तय था कि पूरे प्रोजेक्ट को आयात किया जाए। 2019 में जिन लोगों को यह समस्या है, कृपया जाँच लें कि क्या आपने पूरी परियोजना को परियोजना का हिस्सा नहीं बनाया है।

Answer 16

यदि आपने वह किया जो मैंने (मूर्खतापूर्ण) किया था ... जो कि मेरे प्रोजेक्ट में एक घटक फ़ोल्डर को ड्रैग और ड्रॉप कर रहा था तो आप शायद इसे हल करने में सक्षम होंगे जो मैंने इसे ठीक करने के लिए किया था।

व्याख्या : मूल रूप से, कुछ साधनों के द्वारा Angualar CLI को InteliJ का @angularमतलब बताना चाहिए । यदि आप केवल कोणीय सीएलआई का उपयोग किए बिना फ़ाइल को अपनी परियोजना में बंद कर देते हैं, ng g componentName --module=app.moduleतो एंगुलर सीएलआई को इस संदर्भ को अपडेट करने का पता नहीं है, इसलिए इंटेलीजे को पता नहीं है कि यह क्या है।

दृष्टिकोण : के संदर्भ को अद्यतन करने के लिए कोणीय सीएलआई को ट्रिगर करता है @angular। मुझे वर्तमान में ऐसा करने का केवल एक तरीका पता है ...

कार्यान्वयन : एक नया घटक जोड़ें जिस स्तर के साथ आपकी समस्याएँ हैं उसी स्तर पर । ng g tempComponent --module=app.module इससे एंगुलर सीएलआई को परियोजना में इन संदर्भों को चलाने और अपडेट करने के लिए मजबूर होना चाहिए। अब बस आपके द्वारा बनाए गए tempComponent को हटा दें और app.module में इसके किसी भी संदर्भ को हटाना न भूलें ।

आशा है कि यह किसी और की मदद करता है।

Answer 17

मेरे पास एक ही मुद्दा था, अजीब था क्योंकि परियोजना संकलित की गई और त्रुटियों के बिना चली गई। मैंने npm को अपडेट किया और फिर संकुल को फिर से स्थापित किया

npm update
npm install

फिर बनाम कोड बंद करो कह रही है कि।

Answer 18

आपको बस इतना करना है कि आपको अपने प्रोजेक्ट में "nodes_modules" फ़ोल्डर शामिल करना है। जब आप किसी प्रोजेक्ट को github throu git कमांड लाइन से क्लोन करते हैं तो आपको इस समस्या का सामना करना पड़ सकता है।

Comments

संभवत: ऐसा नहीं है जब आप अपने पैकेज की साइट पर एनपीएम इंस्टॉल करते हैं, जिसमें आपकी पैकेज.जसन फ़ाइल होती है, यह फ़ोल्डर आपके लिए आवश्यक मॉड्यूल के साथ स्वचालित रूप से बनाया जाता है।

— कीनन स्टीवर्ट

हाँ। अगर nmp इंस्टॉल रन करता है, तो यह package.json फ़ाइल को चेक करके आवश्यक पैकेज डाउनलोड करेगा ..

— आनंद

Answer 19

विजुअल स्टूडियो कोड में मौजूदा प्रोजेक्ट्स को क्लोनिंग या खोलते समय होता है। एकीकृत टर्मिनल में कमांड npm स्थापित करें

Comments

यह पहले से ही कई बार दिया गया था। कुछ भी नया आप जोड़ना चाहते हैं?

— निको हसे

Answer 20

मैंने इस समस्या को इस प्रकार हल किया:

1. अपने प्रोजेक्ट के साथ विजुअल स्टूडियो कोड खोलें।
2. टर्मिनल -> नया टर्मिनल।
3. लिखो npm install।

Comments

"रन npm install" कहते हुए पहले से ही कम से कम 2 अलग-अलग उत्तर हैं

— बार्बसन

Answer 21

निम्नलिखित दो आदेशों को निष्पादित करने से मेरे लिए समस्या हल होती है:

npm install -g @angular/cli
ng update --all --force

Comments

कई समान उत्तरों को पोस्ट करना, सर्वोत्तम रूप से, "अत्यधिक पर आधारित" है और आपके उत्तर हटाए जाने के लिए उत्तरदायी हैं। आपके मामले में, आपने सभी उत्तरों में कोणीय को भी छोड़ दिया है।

— डेविड बक

कृपया अपने कोड में कुछ स्पष्टीकरण जोड़ें जैसे कि अन्य लोग इससे सीख सकते हैं

— निको हेस

Answer 22

सबसे अधिक संभावना एनपीएम पैकेज गायब है। और कभी-कभी npm स्थापित समस्या को ठीक नहीं करता है।

मैंने उसी का सामना किया है और मैंने node_modulesफ़ोल्डर को हटाकर और फिर इस मुद्दे को हल किया हैnpm install

Answer 23

दृश्य स्टूडियो के लिए ->

    Seems like you don't have `node_modules` directory in your project folder.
     
    Execute this command where `package.json` file is located:
    
     npm install 

Answer 24

VSCode स्थिति पट्टी में, इसे टाइपस्क्रिप्ट संस्करण दिखाना होगा - जैसे

उस संस्करण संख्या पर क्लिक करने से आपको यह दिखाई देगा, उपलब्ध विभिन्न संस्करण।

यदि आप VSCode संस्करण का उपयोग कर रहे हैं, तो कार्यस्थान संस्करण पर स्विच करने से समस्या हल हो जाती है यदि यह आपके tsconfig.json के बजाय VScode समस्या है (मैं पहले से ही उस एक का उपयोग कर रहा हूं, इसलिए हाइलाइट नहीं किया गया)

Answer 25

यह कोशिश करो, यह मेरे लिए काम किया:

npm i --save @angular/platform-server  

फिर वीएस कोड फिर से खोलें

Answer 26

इसने मेरे लिए काम किया।

 npm install --save-dev @angular-devkit/build-angular

Answer 27

मेरे मामले में, जब मैं बनाम प्रोजेक्ट को कोणीय 10 में अपग्रेड करता हूं, तो मुझे यह त्रुटियां थीं।

कोणीय क्लि बनाता है tsconfig.json, tsconfig.base.jsonऔर tsconfig.app.jsonजब मैं tsconfig.json को हटाता हूं और tsconfig.base.json को tsconfig.ts में बदल देता हूं तो सभी चीजें ठीक हो जाएंगी। आपको भी tsconfig.app.json के अंदर फैली हुई चीजों को tsconfig.json में बदलना होगा

Answer 28

मुझे उदात्त पाठ के साथ समान समस्याएं थीं।

मैं निम्नलिखित समाधान के साथ आया: मैंने अभी संपादित किया है

tsconfig.json

मेरे हौसले से बनाए गए एप्लिकेशन को शामिल करने के लिए कोणीय कार्यक्षेत्र की जड़ में।

 {
  "files": [],
  "references": [
    {
      "path": "./projects/client/tsconfig.app.json"
    },
    {
      "path": "./projects/client/tsconfig.spec.json"
    },
    {
      "path": "./projects/vehicle-market/tsconfig.app.json"
    },
    {
      "path": "./projects/vehicle-market/tsconfig.spec.json"
    },
    {
      "path": "./projects/mobile-de-lib/tsconfig.lib.json"
    },
    {
      "path": "./projects/mobile-de-lib/tsconfig.spec.json"
    }
  ]
    }

Answer 29

दौड़ते हैं

npm install 

यह अधिकांश मामलों में काम करेगा

Comments

यह गलत है। प्रश्न बताता है कि यह सही ढंग से संकलित है और मुद्दा VSCode के साथ है, संकलन नहीं

— मानवर

मेरी परियोजना सही ढंग से और चल रही थी, और मुद्दा VSCode के भीतर था, संकलन नहीं, और npm स्थापित ने इसे ठीक किया।

— ट्रेयर

Answer 30

मेरे दृष्टिकोण से सीएलआई का आप उपयोग कर रहे हैं और पुस्तकालय बेमेल हैं। आयनिक सीएलआई संस्करण 1 आयनिक सीएलआई संस्करण 4 के लिए पुस्तकालयों का निर्माण नहीं कर सकता। सबसे अच्छा उपाय यह है कि आप अपने सीएलआई संस्करण को अपग्रेड करने का प्रयास करें। आप अन्यथा एनवीएम का उपयोग कर सकते हैं जो आपको एक ही ओएस पर कई नोड संस्करण चलाने की अनुमति देता है। यह आपको आवश्यकताओं के आधार पर विभिन्न परियोजनाओं में विभिन्न आयनिक सीएलआई संस्करणों का उपयोग करने में मदद कर सकता है।

Nvm @ देखें: उनकी आधिकारिक विंडो रेपो है। एक मैक और लिनक्स संस्करण भी है।