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似乎没有报告任何问题.它只是然后我浏览到页面,显然没有任何风格. [ 注意 ] 的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会成功加载
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 禁用侧面菜单的滑动以打开Ionic 2中的登录页面(或任何页面)
- 哪些编辑器出自Emacs,Vim和JEdit支持多个同时的文本插入点?
- angularjs – 角度过滤器工作,但导致“10 $digest迭代达到”
- angularjs – 验证密码和确认密码字段每当一个或其他字段模
- angularjs – 如何在另一个服务中从外部文件注入服务的模拟
- 如何格式化vim quickfix条目?
- Angular 5:如何为数据绑定属性编写Jasmine单元测试
- 在任何其他IDE或文本编辑器中使用emacs,vim和nano等功能的好
- 这是GNU Bash中的错误吗?
- angularjs的collection-repeat用法