Bootstrap не загружается на угловой 6 - PullRequest
Новая
       11

Bootstrap не загружается на угловой 6

0 голосов
/ 15 сентября 2018

У меня проблемы с попыткой загрузить bootstrap на Angular 6, я уже установил bootstrap (npm install bootstrap) и объявил его на angular.json, но все равно не работает. Есть ли что-то еще, что я должен сделать? Я также использую sass, что-то мешает?

Вот этот angular.json 

    {
      "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
      "version": 1,
      "newProjectRoot": "projects",
      "projects": {
        "test-itau": {
          "root": "",
          "sourceRoot": "src",
          "projectType": "application",
          "prefix": "app",
          "schematics": {
            "@schematics/angular:component": {
              "styleext": "scss"
            }
          },
          "targets": {
            "build": {
              "builder": "@angular-devkit/build-angular:browser",
              "options": {
                "outputPath": "dist/test-itau",
                "index": "src/index.html",
                "main": "src/main.ts",
                "polyfills": "src/polyfills.ts",
                "tsConfig": "src/tsconfig.app.json",
                "assets": [
                  "src/favicon.ico",
                  "src/assets"
                ],
                "styles": [
                  "src/styles.css",
                  "./node_modules/bootstrap/dist/css/bootstrap.min.css"
                ],
                "scripts": []
              },
//more code...

1 Ответ

0 голосов
/ 15 сентября 2018

Хотя я не уверен, почему это не работает, есть несколько вещей, которые вы можете сделать, чтобы получить темы начальной загрузки на вашем сайте.

Если вы хотите использовать CDN, вы можете добавить элемент link в заголовок вашего index.html файла.

В качестве альтернативы, если вы можете сделать это так, как это делает материал Angular, и импортировать его из файла src/styles.scss. Вот так: 

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

Edit: Вот пример того, как это работает

...