Angular 6带bootstrap 4.1无法加载

前端之家收集整理的这篇文章主要介绍了Angular 6带bootstrap 4.1无法加载前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我似乎无法通过angular.json文件加载bootstrap

但是,与此问题类似,没有任何引导程序会加载.但是,ng build和ng serve似乎没有报告任何问题.它只是然后我浏览到页面,显然没有任何风格.
Bootstrap 4.1.1 Navbar not working with Angular 6

[ 注意 ]
回滚到Bootstrap@3.3.7似乎工作正常

的package.json

{
  "name": "client-app","version": "0.0.0","scripts": {
    "ng": "ng","start": "ng serve","build": "ng build","test": "ng test","lint": "ng lint","e2e": "ng e2e"
  },"private": true,"dependencies": {
    "@angular/animations": "^6.0.3","@angular/common": "^6.0.3","@angular/compiler": "^6.0.3","@angular/core": "^6.0.3","@angular/forms": "^6.0.3","@angular/http": "^6.0.3","@angular/platform-browser": "^6.0.3","@angular/platform-browser-dynamic": "^6.0.3","@angular/router": "^6.0.3","bootstrap": "^4.1.1","core-js": "^2.5.4","jquery": "^3.3.1","popper": "^1.0.1","popper.js": "^1.14.3","rxjs": "^6.0.0","zone.js": "^0.8.26"
  },"devDependencies": {
    "@angular/compiler-cli": "^6.0.3","@angular-devkit/build-angular": "~0.6.8","typescript": "~2.7.2","@angular/cli": "~6.0.8","@angular/language-service": "^6.0.3","@types/jasmine": "~2.8.6","@types/jasminewd2": "~2.0.3","@types/node": "~8.9.4","codelyzer": "~4.2.1","jasmine-core": "~2.99.1","jasmine-spec-reporter": "~4.2.1","karma": "~1.7.1","karma-chrome-launcher": "~2.2.0","karma-coverage-istanbul-reporter": "~2.0.0","karma-jasmine": "~1.1.1","karma-jasmine-html-reporter": "^0.2.2","protractor": "~5.3.0","ts-node": "~5.0.1","tslint": "~5.9.1"
  }

angular.json
        “

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

解决方法

我之前遇到过这个问题,解决方法就是制作 @import’../node_modules/bootstrap/dist/css/bootstrap.css’; 在任何代码顶部的style.css文件中.所以bootstrap会成功加载

猜你在找的Angularjs相关文章