Проблема зависимостей с Ngb bootstrap в Angular

Question

Я новичок в Angular и пытаюсь создать карусель ползунков изображений в angular, используя компонент ng bootstrap, но после создания проекта angular я установил "ng bootstrap "(в проекте) с помощью npm install --save @ng-bootstrap/ng-bootstrap и импортировал его в app.module.ts с использованием import {NgbModule} from '@ng-bootstrap/ng-bootstrap';.

Я также установил ng add @angular/localize в проект, но я не уверен, что это не так показывая мне ошибку ниже:

ERROR in The target entry-point "@ng-bootstrap/ng-bootstrap" has missing dependencies:
 - tslib
 - @angular/core
 - @angular/common
 - @angular/forms
 - rxjs
 - rxjs/operators

Я следую https://ng-bootstrap.github.io/# / Getting-Start . Что я должен попробовать дальше?

Answer 1

Я бы предложил установить jQuery и Popper. js в дополнение к Bootstrap:

npm install bootstrap --save
npm install jquery --save
npm install popper.js --save

в папке вашего проекта go в src / styles.cs и добавить следующую строку кода

@import "~bootstrap/dist/css/bootstrap.min.css";

, затем go в src / angular. json и добавьте следующие строки в «скрипты»:

 "scripts": [
 "./node_modules/jquery/dist/jquery.min.js",
 "./node_modules/popper.js/dist/umd/popper.min.js", 
 "./node_modules/bootstrap/dist/js/bootstrap.min.js"
]

Надеюсь, эта помощь.