Instalacja Bootstrap przez Angular-CLI

Question

Wydawała by się prosta, a jednak nie działa:
Mój fragment package.json:

 

  "dependencies": {
    "@angular/animations": "^5.2.11",
    "@angular/common": "^5.2.11",
    "@angular/compiler": "^5.2.11",
    "@angular/core": "^5.2.11",
    "@angular/forms": "^5.2.11",
    "@angular/http": "^5.2.11",
    "@angular/platform-browser": "^5.2.11",
    "@angular/platform-browser-dynamic": "^5.2.11",
    "@angular/router": "^5.2.11",
    "@ngrx/core": "^1.2.0",
    "@ngrx/effects": "^5.2.0",
    "@ngrx/store": "^4.1.1",
    "angular-2-local-storage": "^1.0.2",
    "angular-async-local-storage": "^3.1.4",
    "angular2-uuid": "^1.1.1",
    "bootstrap": "^4.0.0-alpha.6",
    "core-js": "^2.5.7",
    "jquery": "^1.9.1",
    "react-redux": "^5.0.7",
    "redux": "^3.7.2",
    "rxjs": "^5.5.11",
    "zone.js": "^0.8.26"
  },

Mam bootstrap '4.0.0'

I wg tutorialu należy w angular-cli.json je załączyć, co robię w taki sposób:

...... 
 "styles": [
    "styles.css",
    "./node_modules/bootstrap/dist/css/bootstrap.css"
  ],
  "scripts": [
    "./node_modules/jquery/dist/jquery.js",
    "./node_modules/tether/dist/js/tether.js",
    "./node_modules/bootstrap/dist/js/bootstrap.js"
  ]
......

 i w App module już nie muszę nic dodawać. 
Dodaje bootstrapowe klaski w htmlu i mi nie działają :(
 

Comments

Zła kategoria....

Answer 1

Na szybko sprawdzane w jakimś starym projekcie, gdzie używałem bootka, i mam coś takiego:

// package.json:

"bootstrap": "^4.1.1",

// .angular-cli.json
"styles": [
            "styles.scss",
            "variables.scss",
            "../node_modules/bootstrap/dist/css/bootstrap.min.css",
            "../node_modules/font-awesome/css/font-awesome.min.css"
        ],