Невозможно загрузить стили Bootstrap 4.2.1 в проекте Angular 7

Question

Я добавил загрузчик в Angular Project, используя:

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

-> Он добавляется в файл angular.json как:

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

а также в package.json как:

"dependencies": {
"bootstrap": "^4.2.1"
}

Но мои классы начальной загрузки, как .btn .btn-primary, .form-group, .form-control не работают. Пожалуйста, помогите мне с этим. Поскольку наш проект сложен и его необходимо загружать быстрее, предложите мне решение, которое не занимает больше времени. (Это означает, что без импорта / плагинов внутри html или css файлов)

Answer 1

Просто проверьте в angular.json, добавили ли вы эти строки или нет.

"styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "./node_modules/font-awesome/css/font-awesome.min.css",
          "src/styles.scss"
        ],
        "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",
        ]

Экспорт загрузочного диска в модуль приложения

app.module.ts

  exports: [],
  bootstrap: [AppComponent],
  schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA]