ng 부트 스트랩을 설치하고 컴파일하면이 오류가 발생합니다

9

node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts : 191 : 9의 오류-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

191 * 사랑해 ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts : 28 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

28 세트 집중 (isFocused : 부울); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 14 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

14 비활성화 됨 () : 부울; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 15 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

15 set disabled (isDisabled : 부울); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 61 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

61 설정 값 (값 : 임의); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 65 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

65 set disabled (isDisabled : 부울); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 66 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

66 세트 집중 (isFocused : 부울); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 67 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

67 확인 () : 부울; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 68 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

68 비활성화 됨 () : 부울; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 69 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

69 value () : 임의; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 70 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

70 nameAttr () : 문자열; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts : 42 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

42 간격 설정 (값 : 숫자); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts : 43 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

43 get interval () : 숫자; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts : 47 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

47 세트 랩 (값 : 부울); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts : 48 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

48 wrap ()을 얻는다 : boolean; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m : 58 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

58 set pauseOnHover (값 : 부울); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts : 59 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

59 pause pauseonHover () : 부울; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts : 16 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

16 get model $ () : 관찰 가능; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts : 17 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

17 dateSelect $ () : 관찰 가능; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts : 234 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

234 화 state () : NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts : 240 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

240 달력 얻기 () : NgbCalendar; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts : 200 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

200 비활성화 () : 임의; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts : 201 : 9-errorm TS1086 : 접근자를 앰비언트 컨텍스트에서 선언 할 수 없습니다.

201 화 ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts : 26 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

26 개월 설정 (월 : NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts : 15 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

15 비활성화 됨 (값 : 부울); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts : 16 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

16 비활성화 됨 () : 부울; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts : 40 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

40 componentInstance () : 임의; ~~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts.64 : 9-오류 TS1086 : 접근자를 주변 상황.

64 get active () : 부울; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts : 65 : 9-오류 TS1086 : 접근자를 주변 컨텍스트에서 선언 할 수 없습니다.

65 id ()를 얻는다 : any; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts : 66 : 9-오류 TS1086 : 접근자를 주변 컨텍스트에서 선언 할 수 없습니다.

66 get panelDomId () : 문자열; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts : 12 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

12 세트 최대 (최대 : 숫자); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts : 13 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

13 get max () : 숫자; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts : 91 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

91 set justify (className : 'start'| 'center'| 'end'| 'fill'| 'justified'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts : 35 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

35 시간 설정 단계 (단계 : 숫자); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts : 36 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

36 hourStep ()을 얻는다 : 숫자; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts : 40 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

40 분 설정 (단계 : 숫자); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts : 41 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

41 get minuteStep () : 숫자; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts : 45 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

45 set secondStep (단계 : 숫자); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts : 46 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

46 get secondStep () : 숫자; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts : 72 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

72 getSmallSize () : 부울; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts : 73 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

73 get isLargeSize () : 부울; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts : 100 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

100 세트 ngbTooltip (값 : 문자열 | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts : 101 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.

101 get ngbTooltip () : 문자열 | TemplateRef;

** Angular Live Development Server가 localhost : 4200에서 청취 중입니다. http : // localhost : 4200 / 에서 브라우저를여십시오 . ** i ｢wdm｣: 컴파일하지 못했습니다.

angular  bootstrap-4  ng-bootstrap 
— 사용자 12942001
소스
TypeScript를 최신 버전으로 업그레이드 해보십시오
— prabhatojha

답변:

27

교체 @ng-bootstrap / ng-bootstrap에 package.json이와 :

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

하고 npm i

이것은 나를 위해 잘 작동했습니다.

— 사르 탁 마헤 슈 와리
소스
감사합니다
— MSV
예. 이것은 ng-bootstrap 버전을 다운 그레이드 한 후에 저에게 효과적입니다.
— Akash Gadhiya
1
나에게도 고쳤다. 문서에 따르면 ng-bootstrap 6은 Angular 9 용입니다 (8에 있습니다). 나는 그것이 하위 호환성이 있다고 가정했다-추측하지
— 마라
나를 위해
— 일한
1
Angular 7을 설치 했으므로 "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1"과 같이 교체해야합니다. 호환성 표는이 페이지에 있습니다 : ng-bootstrap.github.io/#/getting-started
— Celso Soares
4

처음에 ng-bootstrap을 설치하려고 할 때도 같은 문제가 있었는데, 아마도 내 문제 해결로 통찰력을 얻을 수 있습니다.

다음을 사용하여 각도 및 CLI를 업데이트 하여이 문제를 해결했습니다.

ng update @angular/cli @angular/core

그런 다음 NPM을 통해 부트 스트랩 패키지를 설치했습니다 (설치 중에 건너 뛴 경우를 대비하여).

npm install bootstrap

나중에 ng-bootstrap을 설치했습니다.

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

이 모든 후에 앱이 시작되었지만 비어있었습니다! 그래서 콘솔을 확인하고 다음 명령으로 현지화를 추가해야한다는 메시지가 표시되었습니다.

ng add @angular/localize

이 단계 후에 앵귤러 앱을 설치하고 실행하면 도움이되기를 바랍니다.

편집 : 또한 angular.json 파일 에 node_modules / bootstrap / dist / css / bootstrap.min.css 에 대한 참조를 포함시키는 것을 잊지 마십시오

— 마리오 페레즈
소스
같은 문제가 계속 발생합니다.
— Anonim
각도, 부트 스트랩 및 ng-bootstrap 버전을 공유 할 수 있습니까? 또는 아마 당신 프로젝트의 레포
— 마리오 페레즈
1
예, 이것은 저에게 효과적입니다. 각도를 버전 9+로 업데이트하려면 ng 업데이트가 필요합니다. ng-bootstrap> = v6 및 angular> v9를 사용하는 경우 ng add @ angular / localize가 필요합니다.
— Yura Galavay
각도 / 재료를 사용했지만 결국 각도 업데이트를 커밋하거나 숨기는 것을 잊었 기 때문에 설치 프로세스가 비슷했습니다.
— 마리오 페레즈
1
각도 버전 wo 9+를 업그레이드하면 도움이 될 것입니다. Ngbootstrap 6+는 앵귤러 버전 9+가 필요합니다
— 쥐 Tyagi
4

짧은 답변 (Angular 8을 실행중인 경우) :
프로젝트의 cli에서 다음 명령을 실행합니다. npm install @ng-bootstrap/ng-bootstrap@5.3.0

긴 답변 :
각도 프로젝트의 버전을 확인하고 각도 프로젝트와 호환되는 NgBootstrap 버전을 설치하십시오.

종속성을 살펴보십시오.
https://ng-bootstrap.github.io/#/getting-started

cli :를 사용하여 각도 버전 ng version을 확인하거나 package.json 파일을 확인할 수 있습니다.

— 오스카
소스
예, 작동합니다. 감사
— Daya Stark
2 
"@ng-bootstrap/ng-bootstrap": "^5.2.2"

package.json의 @ ng-bootstrap / ng-bootstrap을 위의 섹션으로 바꾸십시오. 작동합니다.

— 아노 님
소스
1

발행물:

node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts : 191 : 9의 오류 : TS1086 오류 : 접근자를 주변 컨텍스트에서 선언 할 수 없습니다. ** 등 .....

해결책

이 종속성으로 package.json의 @ ng-bootstrap / ng-bootstrap을 변경하십시오.

   "dependencies": {

    "@ng-bootstrap/ng-bootstrap": "~5.2.2
— 소프트 데브 Ahmad yar 칸
소스
1

우리는 이것을 두 가지 방법으로 달성 할 수 있습니다.

방법 1 :

1 단계 angular.json다음과 같이 파일을 열고 ng-bootstarp 버전을 다운 그레이드합니다

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

2 단계 실행 npm i

방법 2 :

운영 ng add @angular/localize

어느 쪽이든 문제를 해결합니다.

— 아난드 라자
소스
0

Angular 8 앱의 경우 "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"종속성 버전을 사용했습니다.

앞에서 언급 한대로 5.2.2를 사용하면 효과가 없었습니다. cardClass (예 :) 와 같은 일부 태그 속성 <ngb-panel [disabled]="disabled" [cardClass] ...>은 5.3.0부터 지원됩니다.

npm i이전 답변에서 언급 한대로 명령을 실행해야 합니다.

— 유스 마라 니
소스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.