加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angular 6带bootstrap 4.1无法加载

发布时间:2020-12-17 17:55:19 所属栏目:安全 来源:网络整理
导读:我似乎无法通过angular.json文件加载bootstrap 但是,与此问题类似,没有任何引导程序会加载.但是,ng build和ng serve似乎没有报告任何问题.它只是然后我浏览到页面,显然没有任何风格. Bootstrap 4.1.1 Navbar not working with Angular 6 [ 注意 ] 回滚到Boot
我似乎无法通过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会成功加载

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读