Как я могу удалить Bootstrap из моего проекта Angular?

Я пытаюсь использовать Material Design Bootstrap (MDB) в своем проекте Angular. Однако, когда я использую компонент угловой начальной загрузки, кажется, что стандартная начальная загрузка мешает стилю.

Как лучше всего полностью удалить начальную загрузку из моего углового проекта, чтобы мои компоненты стилизировались только с помощью угловой начальной загрузки?

Редактировать

angular.json

"styles": [
              "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
              "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
              "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
              "node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
              "node_modules/angular-bootstrap-md/scss/mdb-free.scss",
              "src/styles.scss"
            ],

пакет.json,

"dependencies": {
    "@angular/animations": "~7.2.0",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/forms": "~7.2.0",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/router": "~7.2.0",
    "@fortawesome/fontawesome-free": "^5.8.2",
    "@types/chart.js": "^2.7.52",
    "angular-bootstrap-md": "^7.5.2",
    "atom": "^1.1.0",
    "chart.js": "^2.5.0",
    "core-js": "^2.5.4",
    "hammerjs": "^2.0.8",
    "jquery": "^3.4.1",
    "rxjs": "~6.3.3",
    "terminal": "^0.1.4",
    "tslib": "^1.9.0",
    "zone.js": "~0.8.26"
  },

Можете ли вы загрузить для меня содержимое package.json и angular.json?

— 15.05.2019 11:01

Да, я добавил их

— 15.05.2019 11:09

Это странно, можете ли вы выполнить поиск по всему файлу, чтобы увидеть, есть ли ссылка на загрузку?

— 15.05.2019 11:10

@Ethernetz, можете ли вы проверить весь проект на предмет ссылки на bootstrap.min.css или bootstrap.css

— 15.05.2019 11:11

angular angular-bootstrap mdbootstrap

15.05.2019 10:58

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

36 946

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Первый : Удалите зависимость начальной загрузки от вашего package.json, как показано ниже, например:

"dependencies": {
    "@angular/animations": "^6.0.0",
    "@angular/common": "^6.0.0",
    "@angular/compiler": "^6.0.0",
    "@angular/core": "^6.0.0",
    "@angular/forms": "^6.0.0",
    "@angular/http": "^6.0.0",
    "@angular/platform-browser": "^6.0.0",
    "@angular/platform-browser-dynamic": "^6.0.0",
    "@angular/router": "^6.0.0",
    "bootstrap": "^3.3.1",   <-------REMOVE THIS
    "core-js": "^2.5.4",
    "rxjs": "6.0.0",
    "zone.js": "^0.8.26"
  },

Второй: удалите URL-адрес начальной загрузки из angular.json, если вы поместили его в раздел стилей, как показано ниже.

"styles": [
    "src/styles.css",
    "node_modules/bootstrap/dist/css/bootstrap.min.css" <--- REMOVE THIS
],

В третьих: проверьте и удалите все ссылки на начальную загрузку, явно импортированные в styles.css или любые другие файлы удаленно или локально, как показано ниже.

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

Спасибо, я тоже импортировал его в styles.css.

— 15.05.2019 11:15

15.05.2019 11:04

npm uninstall bootstrap --no-save

также удалите ссылку, которую вы добавили в angular.json в стилях, которые указывают на bootstrap.min.css

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

В дополнение к этому я также удалил запись начальной загрузки из package-lock.json.

— 28.02.2020 05:13

15.05.2019 12:34

следуйте ответу 1, если вы хотите понять, насколько угловой и / или вы новичок в угловой / интерфейсной разработке, потому что выполнение вещей вручную в первый раз очень полезно для будущего,

если вы не новичок и хотите сэкономить время, то просто вставьте npm удалить загрузчик --no-save

мой ответ для всех угловых разработчиков

29.07.2021 07:36