bootstrap 3.3.7无法加载Angular 7.2.0项目
问题描述： 当使用bootstrap 3.3.7加载Angular 7.2.0项目时，出现无法加载的情况。
解决方案：
- 确保引入正确的依赖：首先，确保在项目的HTML文件中正确引入了bootstrap和Angular的相关文件。在<head>标签中添加以下代码：
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/angular.js/1.7.2/angular.min.js"></script>请注意，这里使用的是cdn.bootcss.com提供的CDN链接，确保网络连接正常。
- 版本兼容性：由于bootstrap 3.3.7和Angular 7.2.0是不同的版本，可能存在一些兼容性问题。建议使用较新版本的bootstrap，如bootstrap 4.x，以确保与Angular 7.2.0的兼容性。
- 检查依赖关系：确保项目中的其他依赖项与bootstrap和Angular的版本兼容。可以通过查看项目的package.json文件来确认依赖关系，并确保所有依赖项都是最新的版本。
- 调试错误信息：如果问题仍然存在，可以在浏览器的开发者工具中查看控制台输出，以获取更多关于加载错误的详细信息。根据错误信息进行调试和修复。
推荐的腾讯云相关产品： 腾讯云提供了丰富的云计算产品和解决方案，以下是一些推荐的产品和链接地址：
- 云服务器（CVM）：提供弹性、安全、高性能的云服务器实例，适用于各种应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务，支持自动备份、容灾等功能。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的数据。了解更多：https://cloud.tencent.com/product/cos
请注意，以上推荐的产品仅作为参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
2回答
bootstrap 3.3.7无法加载Angular 7.2.0项目
angular、twitter-bootstrap、twitter-bootstrap-3、angular7
在我部署之前，我的Angular项目在Bootstrap 3.3.7 (我的项目所需的)中工作得很好。Bootstrap没有被识别，所以我回去调整我的项目中的一些文件，现在Bootstrap在我的本地环境中不再工作。我已经为这个问题绞尽脑汁两天了，似乎找不到解决方案。 ": "7.2.0",
"@angular/compiler-cli": &qu
浏览 26提问于2019-01-08得票数 1
1回答
引导覆盖在打印视图IE Edge中是透明的
css、ngx-bootstrap
bootstrap v3.3.7 ngx-bootstrap v2.0.2 angular 7.2.0
浏览 0提问于2019-08-21得票数 0
1回答
Ngx-引导工具提示未显示
angular、twitter-bootstrap、bootstrap-4、angular7、ngx-bootstrap
我使用ngx-引导4.0.1在一个带有引导4.3.1的角7项目中，我需要在应用程序的一些元素中添加工具提示。我遵循设置所有的东西，但我无法获得显示的工具提示。"@angular/common": "~7.2.0", "@angular/core": "~7
浏览 2提问于2019-07-03得票数 1
回答已采纳
2回答
角度弯曲-布局错误:没有导出成员ɵNgClassImpl错误
angular、angular-flex-layout
在我的最后一个平均堆栈项目中，我使用了角挠曲布局，它运行得很好。我开始了一个包含flex 8(beta)的新项目，并得到了下面的错误 node_modules/@angular/flexlayout/extended/typings": "~7.2.0", &q
浏览 1提问于2019-05-21得票数 5
回答已采纳
6回答
无名TypeError: Object(.)不是使用角谷歌地图时的函数。
angular、google-maps、angular-material
我没有使用任何与agm相关的代码，保存了项目，运行了ng serve并得到了这个错误。": "^7.2.15","@angular/common": "~7.2.0","@<
浏览 1提问于2019-11-21得票数 8
回答已采纳
3回答
ng构建后的国家/地区标志
angular
我有一个有点好奇的问题，在执行ng构建之后--prod，我的dist文件夹生成了文件，但也生成了许多SVG格式的标志，有人知道为什么吗？ enter image description here
浏览 26提问于2019-12-13得票数 0
1回答
如何获取Firebase数组中的列表类型数据
angular、typescript、firebase、google-cloud-firestore
this.list = actionArray.map(item => { id: item.payload.doc.id, } as Quiz; });
浏览 0提问于2019-09-15得票数 0
回答已采纳
4回答
如何从我的角度项目中删除引导带？
angular、angular-bootstrap、mdbootstrap
我试图使用材料设计引导(MDB)在我的角度项目。然而，当我使用角引导组件时，标准引导似乎会干扰样式。从我的角度项目中完全删除引导的最佳方法是什么，这样我的组件就只能由角引导设计？"node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
"node_modules/angular-bootstrap-md/animations&q
浏览 0提问于2019-05-15得票数 10
回答已采纳
1回答
Angular中的Boostrap 4导航栏下拉菜单在小型设备上不起作用
bootstrap-4、angular7、navbar
我在Angular 7项目中添加了一个折叠的导航栏，但当我按下按钮时，它没有显示菜单项。我已经试过改变风格了。添加其他组件，并将导航栏添加到组件中。我甚至尝试重新启动我的计算机，看看它是否会改变，但没有任何结果在styles.scss @import "~bootstrap/dist/css/bootstrap.css";中"dependencies": { "@angular</em
浏览 11提问于2020-05-17得票数 0
回答已采纳
1回答
复制UI-引导代码不起作用？我如何使用UI-引导？
javascript、html、angularjs、angular-ui-bootstrap、carousel
/1.5.8/angular.js"></script><script src="//angular-ui.github.io/bootstrap/ui-<e
浏览 2提问于2016-12-04得票数 0
回答已采纳
1回答
因安装任何npm软件包而导致的项目崩溃。如果我们在测试项目中安装相同的软件包，那么它可以工作，但在实际的项目中就不行了。
angular、compiler-errors、angular7、node-modules、npm-install
这两个项目都有相同的角cli 版本'7.2.0'，这是我们第一次面临这个问题，任何人都知道下一步修复这个situation.Here的方法是实际工作项目的json文件。/core": "~7.2.0", "@angular/platform-browser":
浏览 3提问于2020-02-06得票数 1
2回答
./node_modules/ng2-smart-table/ng2-smart-table.ngfactory.js中的误差
ng2-smart-table、ng-build、angular7-router、ng2-completer
/node_modules/ng2-smart-table/ng2-smart-table.ngfactory.js模块中的错误:错误:无法解决'C:\Shruthi\Applications\PULSE/animations": "~7.2.0", "@angular/common&quo
浏览 5提问于2020-03-27得票数 0
2回答
AngularJS基本路由程序不工作
javascript、angularjs、angular-ui-router、ngroute
完整项目代码的GitHub链接：
index.html <!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js
浏览 4提问于2017-06-23得票数 1
回答已采纳
3回答
我正在尝试使用角创建一个get应用程序，但是在编译时，我得到了一个无法解决的错误：
import { ToastrModule } from 'ngx-toastr';
import { AppRoutingModule/animations&qu
浏览 1提问于2019-04-18得票数 9
回答已采纳
1回答
在其他类工作时未加载的引导符号
css、twitter-bootstrap
添加到引导样式表的链接，但是图标没有加载.Please帮助。` <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.3/angular-route.js"></script>
&l
浏览 0提问于2018-04-04得票数 1
回答已采纳
1回答
带有ionic 4的自定义angular 7库-无法解决'../@ionic/angular/dist/core.ngfactory‘构建生产错误
angular、ionic-framework、ionic4、angular-library
我们已经构建了一个小的angular 7/ionic 4库，我们希望通过git url安装来在内部多个项目中使用它。为项目提供服务可以正常工作，所有从库中导入都可以正常工作。/animations": "~7.2.0", "@angular/compiler": &qu
浏览 21提问于2019-02-20得票数 5
回答已采纳
1回答
我已经创建了新项目的角在Ubuntu18.04终端，但我得到了一些错误。/animations": "~7.2.0", "@angular/compiler": "~7.2.0",
"@angular/core": &qu
浏览 0提问于2019-06-24得票数 0
1回答
如果Ag-Grid自定义单元编辑器中使用了同步ejs-multiselect控件，则不会触发更改事件。
angular、ag-grid、syncfusion
(我在我现有的项目中使用)就像创建一个新的项目并且尝试这样做一样，它工作得很好。", "@angular/common": "~7.2.0",
浏览 14提问于2019-10-09得票数 2
3回答
使用ng-packagr :模块未找到时出错:错误:无法解析
angular、ng-packagr
我无法导入在一个子模块中定义的组件，我正在主项目中打包和引用该子模块。一切看起来都很好，但我还是看到了一个错误-
"@angular/common": "~7.2.0", "@<e
浏览 0提问于2019-02-14得票数 2
1回答
使用ng-bootstrap将bootstrap从4.3.1降级到3.3.7
angular、bootstrap-4
我有一个带bootstrap 4和ng-bootstrap的angular 6项目。现在，由于需要集成到angular 3.3.7中的另一个项目，因此我被要求降级bootstrap版本。以下是我所做的步骤： npm install bootstrap@3.3.7 --save 但是之后，我的ng-bootstrap模式对话框停止工作，因此，当我尝试使用以下命令重新安装时：npm instal
浏览 52提问于2019-04-23得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
