как правильно установить bootstrap в Angular

Question

Я новичок в Angular. Я использую последнюю версию Angular (Angular: 9.1.11) и пробовал установить bootstrap командой ng add @ng-bootstrap/schematics, хотя она дала сообщение о том, что пакеты установлены успешно. Внезапно компиляция завершается ошибкой и выдает ошибку

Failed to compile.

src/app/app.module.ts:9:27 - error TS2307: Cannot find module '@ng-bootstrap/ng-bootstrap'.

9 import { NgbModule } from '@ng-bootstrap/ng-bootstrap'

Итак, я подумал, что это ошибка установки bootstrap, и снова выполнил команду ng add @ng-bootstrap/schematics

Теперь Дело стало еще хуже. Теперь сервер Angular не запускается и показывает

An unhandled exception occurred: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.entry['styles'] should not contain the item 'E:\AngularProject\DreamsApp\node_modules\bootstrap\dist\css\bootstrap.css' twice.
   -> A non-empty array of non-empty strings
See "C:\Users\Sam\AppData\Local\Temp\ng-iHB2eT\angular-errors.log" for further details.

Ошибка содержит часть should not contain the item ___ twice Я думаю, это потому, что я дважды выполнил команду ng add @ng-bootstrap/schematics.

Итак, я хочу знать, является ли повторный запуск этой команды проблемой в Angular ???. И, пожалуйста, дайте мне решение, чтобы это исправить. Спасибо !!

Answer 1

вы можете просто установить bootstrap, используя npm install bootstrap --save

, а затем вы можете включить bootstrap js и css файлы в angular. json, как показано ниже:

"styles": [
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.scss"
            ],
"scripts": ["node_modules/bootstrap/dist/js/bootstrap.min.js"]

Answer 2

Давайте удалим и установим его снова.

1- Go в angular.json и удалите:

"node_modules/bootstrap/dist/css/bootstrap.min.css"

2- Go в пакет. json и удалите пакет оттуда

3- Go в node_modules и удалить bootstrap каталог

Убить запущенный процесс и запустить его снова ng serve.

И установите пакет еще раз: ng add @ng-bootstrap/ng-bootstrap