जब मैं बूट बूटस्ट्रैप स्थापित करता हूं और संकलन करता हूं तो मुझे यह त्रुटि मिलती है

Question

नोड में ERROR_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: एक अभिवर्तक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

191 सेट ngbPanelToggle (पैनल: NgbPanel); ~~~~~~~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - त्रुटि TS1086: एक अभिगमक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

28 सेट फ़ोकस (isFocused: boolean); ~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - 9 त्रुटि TS1086: एक अभिवर्धक को एक महत्वाकांक्षी संदर्भ में घोषित नहीं किया जा सकता है।

14 अक्षम हो जाएं (): बूलियन; ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - त्रुटि TS1086: एक अभिवर्तक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

15 सेट विकलांग (isDisabled: boolean); ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

61 सेट मूल्य (मूल्य: कोई भी); ~~~~~ नोड_मॉड्यूल्स /@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

65 सेट विकलांग (isDisabled: boolean); ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - त्रुटि TS1086: एक अभिवर्तक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

66 सेट केंद्रित (isFocused: बूलियन); ~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - error TS1086: एक अभिगमक को एक महत्वाकांक्षी संदर्भ में घोषित नहीं किया जा सकता है।

67 की जाँच (): बूलियन; ~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - त्रुटि TS1086: एक अभिवर्धक को एक महत्वाकांक्षी संदर्भ में घोषित नहीं किया जा सकता है।

68 निष्क्रिय हो जाते हैं (): बूलियन; ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

69 मान प्राप्त करें (): कोई भी; ~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - 9 त्रुटि TS1086: एक अभिगमक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

70 get nameAttr (): स्ट्रिंग; ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

42 सेट अंतराल (मूल्य: संख्या); ~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

43 अंतराल प्राप्त करें (): संख्या; ~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

47 सेट रैप (मूल्य: बूलियन); ~~~~ नोड_मॉड्यूल्स /@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

48 लपेटो (): बूलियन; ~~~~ नोड_मॉड्यूल्स /@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - error TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

58 सेट पॉज़ऑनओवर (मूल्य: बूलियन); ~~~~~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - त्रुटि TS1086: एक अभिग्रहणक एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

59 मिल pauseOnHover (): बूलियन; ~~~~~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

16 मिल मॉडल $ (): अवलोकनीय; ~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - 9 त्रुटि TS1086: एक अभिग्रहणक को परिवेशीय संदर्भ में घोषित नहीं किया जा सकता है।

17 को तारीखें मिलें $ (): अवलोकनीय; ~~~~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - error TS1086: एक अभिगमक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

234 स्टेट प्राप्त करें (): NgbDatepickerState; ~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - error TS1086: एक अभिवर्तक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

240 को कैलेंडर मिलता है (): NgbCalendar; ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - त्रुटि TS1086: एक अभिगम संदर्भ में एक अभिगम घोषित नहीं किया जा सकता है।

200 विकलांग हो जाते हैं (): कोई भी; ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - ग़लती TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

201 सेट विकलांग (मूल्य: कोई भी); ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - 9 त्रुटि TS1086: एक अभिगम को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

26 सेट महीना (महीना: NgbDateStruct); ~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - 9 त्रुटि TS1086: एक अभिगमक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

15 सेट विकलांग (मूल्य: बूलियन); ~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - 9 त्रुटि TS1086: एक अभिवर्धक को एक महत्वाकांक्षी संदर्भ में घोषित नहीं किया जा सकता है।

16 अक्षम हो जाएं (): बूलियन; ~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

40 घटक प्राप्त करें (): कोई भी; ~~~~~~~~~~~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - त्रुटि TS1086: एक एक्सेसर एक में घोषित नहीं किया जा सकता परिवेश का संदर्भ।

64 सक्रिय हो (): बूलियन; ~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

65 आईडी (): कोई भी; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

66 get पैनलडोमआईडीडी (): स्ट्रिंग; ~~~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - error TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

12 सेट अधिकतम (अधिकतम: संख्या); ~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - error TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

13 अधिकतम हो (): संख्या; ~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

91 सेट औचित्य (className: 'start' | 'center' | 'end' | 'fill' | 'justified'); ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - त्रुटि TS1086: एक अभिवर्तक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

35 सेट घंटेस्टेप (चरण: संख्या); ~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - error TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

36 get hourStep (): संख्या; ~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

40 सेट मिनटस्टेप (चरण: संख्या); ~~~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - error TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

41 का मिनटस्टेप (): नंबर; ~~~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

45 सेट सेकंडस्टेप (चरण: संख्या); ~~~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

46 सेकंडस्टेप (): नंबर मिलता है; ~~~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - त्रुटि TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

72 मिलता है ।SSallSize (): बूलियन; ~~~~~~~~~~~ नोड_मोड्यूल्स /@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - error TS1086: एक अभिग्रहणक को एक परिवेशिक संदर्भ में घोषित नहीं किया जा सकता है।

73 getLargeSize (): बूलियन; ~~~~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - त्रुटि TS1086: एक अभिगम एक परिवेशीय संदर्भ में घोषित नहीं किया जा सकता है।

100 सेट ngbTooltip (मूल्य: स्ट्रिंग | टेम्पलेटRef); ~~~~~~~~~~ नोड_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - त्रुटि TS1086: एक अभिग्रहणक एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है।

101 get ngbTooltip (): स्ट्रिंग | TemplateRef;

** एंगुलर लाइव डेवलपमेंट सर्वर लोकलहोस्ट: 4200 पर सुन रहा है, http: // localhost: 4200 / ** i ** wdm F पर अपना ब्राउज़र खोलें : संकलन करने में विफल।

Comments

टाइपस्क्रिप्ट को नवीनतम संस्करण में अपग्रेड करने का प्रयास करें

— prabhatojha

Answer 1

@ng-bootstrap / ng-bootstrapइसके package.jsonसाथ बदलें :

"@ng-bootstrap/ng-bootstrap": "~5.2.2"

और करो npm i

यह मेरे लिए ठीक रहा।

Comments

यह मेरे लिए भी काम किया। साथ ही साथ

— एमएसवी

हाँ। एनजी-बूटस्ट्रैप संस्करण को अपग्रेड करने के बाद मेरे लिए यह काम करता है।

— आकाश गढ़िया

मेरे लिए भी तय। डॉक्स का कहना है कि एनजी-बूटस्ट्रैप 6 कोणीय 9 (मैं 8 पर हूं) के लिए है। मैंने मान लिया कि यह पीछे की ओर संगत होगा - अनुमान नहीं :)

— साइमन स्टॉर

मेरे लिए भी काम किया

— सजीर बाबू

मैंने कोणीय 7 स्थापित किया था इसलिए मुझे इस तरह बदलना पड़ा: "@ एनजी-बूटस्ट्रैप / एनजी-बूटस्ट्रैप": "^ 4.2.1"। संगतता तालिका इस पृष्ठ में है: ng-bootstrap.github.io/#/getting-started

— Celso Soares

Answer 2

मेरे पास एक ही मुद्दा था जब पहली बार एनजी-बूटस्ट्रैप स्थापित करने की कोशिश की गई थी, शायद मेरी समस्या निवारण आपको कुछ अंतर्दृष्टि दे सकता है।

मैंने कोणीय और सीएलआई का उपयोग करके इस मुद्दे को हल किया:

ng update @angular/cli @angular/core

फिर बूटस्ट्रैप पैकेज को एनपीएम के माध्यम से स्थापित करें (बस अगर आपने इसे इंस्टालेशन के दौरान छोड़ दिया है)

npm install bootstrap

बाद में मैंने एनजी-बूटस्ट्रैप स्थापित किया

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

इस सब के बाद एप्लिकेशन लॉन्च किया गया था, लेकिन यह खाली था! इसलिए मैंने कंसोल को चेक किया और एक संदेश था जिसमें कहा गया था कि मुझे निम्नलिखित कमांड के साथ स्थानीयकरण जोड़ना होगा:

ng add @angular/localize

इन चरणों के बाद मैंने अपना कोणीय ऐप तैयार किया और चल रहा था, आशा है कि इससे मदद मिलेगी।

संपादित करें: नोड_मॉडल / बूटस्ट्रैप / डिस्ट / सीएसएस / बूटस्ट्रैप.min.css के संदर्भ को शामिल करना न भूलें अपनी angular.json फ़ाइल में .

Comments

वही समस्या अब भी कायम है।

— अनोनिम

क्या आप अपने कोणीय, बूटस्ट्रैप और एनजी-बूटस्ट्रैप संस्करणों को साझा कर सकते हैं? या शायद आप का एक रेपो प्रोजेक्ट

— मारियो पेरेज़

हां, यह मेरे लिए काम करता है। एनजी अद्यतन को 9+ संस्करण में कोणीय अद्यतन करने की आवश्यकता है। यदि आप एनजी-बूटस्ट्रैप> = v6 और कोणीय> v9 का उपयोग कर रहे हैं तो एनजी @ कोणीय / स्थानीयकरण आवश्यक है।

— युरा गलावई

हालाँकि मैं कोणीय / सामग्री का उपयोग करके समाप्त हो गया था, स्थापना प्रक्रिया समान थी क्योंकि मैं कोणीय अद्यतन को कम करना या रोकना भूल गया था।

— मारियो पेरेस

9 के लिए कोणीय संस्करण को अपग्रेड करने से मेरे लिए मदद मिलेगी। Ngbootstrap 6+ को कोणीय संस्करण 9+ की आवश्यकता है

— Rats Tyagi

Answer 3

संक्षिप्त उत्तर (यदि आप कोणीय 8 चला रहे हैं) :
अपनी परियोजना में, क्ली पर निम्न कमांड चलाएँ: npm install @ng-bootstrap/ng-bootstrap@5.3.0

लंबा जवाब:
कृपया अपने कोणीय प्रोजेक्ट के संस्करण की जाँच करें और सुनिश्चित करें कि आपने NgBootstrap संस्करण स्थापित किया है जो आपकी कोणीय परियोजना के अनुकूल है।

निर्भरता पर एक नज़र डालें:
https://ng-bootstrap.github.io/#/getting-starte

आप cli का उपयोग करके कोणीय के संस्करण की जाँच कर सकते हैं: ng versionया आप अपने पैकेज की जाँच करें। json फ़ाइल।

Comments

हाँ, इसका काम। धन्यवाद

— दया स्टार्क

Answer 4

"@ng-bootstrap/ng-bootstrap": "^5.2.2"

@ एनजी-बूटस्ट्रैप / एनजी-बूटस्ट्रैप को पैकेज में बदलें। ऊपर दिए गए अनुभाग के साथ। यह काम करेगा।

Answer 5

मुद्दा:

नोड में ERROR_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: एक अभिग्रहणक को परिवेशगत संदर्भ में घोषित नहीं किया जा सकता। ** और इसी तरह .....

समाधान

इस निर्भरता के साथ @ एनजी-बूटस्ट्रैप / पैकेज-एनजी-बूटस्ट्रैप को पैकेज में बदलें।

   "dependencies": {

    "@ng-bootstrap/ng-bootstrap": "~5.2.2

Answer 6

हम इसे दो तरीकों से हासिल कर सकते हैं।

रास्ता 1:

चरण -1 angular.jsonफ़ाइल खोलें और अनुसरण के रूप में एनजी-बूटस्टार संस्करण को डाउनग्रेड करें

"@ng-bootstrap/ng-bootstrap": "~5.2.2"

चरण -2 दौड़ npm i

रास्ता 2:

Daud ng add @angular/localize

किसी भी तरीके से आपकी समस्या ठीक हो जाएगी।

Answer 7

मेरे कोणीय 8 ऐप के लिए, मैंने इस निर्भरता संस्करण का उपयोग किया: "@ एनजी-बूटस्ट्रैप / एनजी-बूटस्ट्रैप": "~ 5.3.0"

पहले उल्लेख के अनुसार 5.2.2 का उपयोग करना, मेरे लिए काम नहीं करता था। कुछ टैग विशेषताएँ जैसे cardClass (Ex :)<ngb-panel [disabled]="disabled" [cardClass] ...> 5.3.0 से शुरू होने का समर्थन करती हैं।

आपको npm iपिछले उत्तरों में बताए अनुसार कमांड को निष्पादित करना होगा ।

Answer 8

मेरे पास भी इसी मुद्दे को हल करने के लिए है

ng add @ng-bootstrap/schematics

Answer 9

बस एनजी-बूटस्ट्रैप पैकेज को डाउनग्रेड करें

npm i @ng-bootstrap/ng-bootstrap@5.3.0