开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

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

请注意，以上推荐的产品仅作为参考，具体选择应根据实际需求和项目要求进行评估和决策。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

ShareList列表错乱解决方法

用到的CDN bootcss.com 更换域名到bootcdn.net，导致原来用的远程css 404

02

推荐一个 SpringBoot 前后端分离的系列项目，可以学习用 | 每日开源

该项目是一个系列教学项目，目标是全面示范 Angular 在浏览器、移动端、Electron 环境中的用法，想要学习的小伙伴。建议可以先收藏了！留着慢慢学习。

03

NodeJS前端开发日记（1）搭建NodeJS+ExpressJS+AngularJS+Jade+LESS+Yeoman环境

最近做的项目我负责架构和全栈开发，前端从JSP转换到了Html + jquery+ajax，后端为Java。随着功能不断地迭代还有系统不断地壮大，前端纯html+jquery+ajax的问题也暴露出来了：

01

Python Web 菜谱系统的首页，不会前端技术，也能做【附源码】

滚雪球第三轮核心学习的是 Python Web 相关知识点，那不可避免的会涉及到前端技术栈，如果你对 HTML，CSS 完全零基础，学习来可能比较吃力，建议可以先补充一些前端知识，便于后续学习，你也可以先直接进入 Django 学习阶段，问题不大。

04

2017 JavaScript 开发者的学习图谱 | 码云周刊第 25 期

1前端框架类 1. 基于 Vue.js 的 UI 组件库 iView 项目简介：iView 是一套基于 Vue.js 的 UI 组件库，主要服务于 PC 界面的中后台产品。特性：高质量、功能丰富

07

Webjar是什么

WebJars是打包到JAR（Java Archive）文件中的客户端Web库（例如jQuery和Bootstrap）。在基于JVM的Web应用程序中显式轻松地管理客户端依赖项使用基于JVM的构建工具（例如Maven，Gradle，sbt，...）来下载客户端依赖项了解您正在使用的客户端依赖项传递依赖关系会自动解析，并可选择通过RequireJS加载部署在Maven Central上公共CDN，慷慨提供： Pom.xml

02

3D开发是一个生态，ThingJS支持js,css,json,html外部资源引用

JavaScript是一种编程语言，它被广泛用来实现web站点和应用中的交互效果。ThingJS为3D可视化提供了161种简单开发示例，是js工程师的项目开发天堂！

02

AngularJS中的按需加载ocLazyLoad

初学者，有不足的地方希望各位指出一、前言　　　　ocLoayLoad是AngularJS的模块按需加载器。一般在小型项目里，首次加载页面就下载好所有的资源没有什么大问题。但是当我们的网站渐渐庞大起来，这样子的加载策略让网速初始化速度变得越来越慢，用户体验不好。二来，分模块加载易于团队协作，减低代码冲突。　　二、按需加载的对象各个Controller模块、Directive模块、Server模块、template模板，其实这些都是一些 .js文件或者 .html文件。　三、按需加载的场

08

python测试开发django-113.使用Bootstrap框架

前端页面开发用到bootstrap框架，有2种实现方式： 1.直接在html头部导入css和js文件 2.下载bootstarp课件源码到项目本地放到static目录

01

左手Ionic，右手年华

第一次接触Ionic，是在2015年，并在年中的时候第一次在正式项目中使用，那时它才是Ionic1的Alpha版，每次版本更新仍有不少坑，但在可接受范围，而且Ionic team一般会很快地修复Bug或者给出解决建议，就算他们没有回复，个人花点时间仍能找到折中处理方案。

02

Ionic4与Ionic3部分比较

有较长时间没有用Ionic了，见新的公众号需求比较简单，便决定使用Ionic4来实现。

01

Bootstrap

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机

03

Angular学习(01)-架构概览

官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触学习 Angular 的还是建议以官网为主。

05

thinkphp5学习路程八前端页面美化bootstrap的使用

怎么说呢？当接触一项新技术的时候当然会不懂，我觉得最主要的原因是不熟悉，万事开头难，当你去看久了用多了你会发现就那样，又或许会想当初为啥学习那么久才懂，应该大家都有这种感受，而现在我抱着其实什么都不难的心去学习，去自己找新鲜的东西去接触，哪怕我这个地方一点都不懂，但那有什么关系呢？在自己还用不到的时候去出丑不丢人，而到了你需要或者说刚刚用到的时候你会发现自己很熟练了，这就让学习不再那么难了，提前接触，真的很重要，不懂不会没关系，时间久了就刚刚好了~~~

01

IDEA——错误: 找不到或无法加载主类 com.Main

昨天在使用IDEA创建了一个普通Java项目，执行main()方法时，程序报错如下： “错误: 找不到或无法加载主类 com.Main Process finished with exit code 1”，我确信自己的java jdk安装和环境变量配置（java jdk安装和环境变量配置）正确无误，而程序只是一个再简单不过的打印而已：

06

CMDB管理系统

说明 CMDB管理系统,基于Ansible最新版开发,采用前后端分离架构项目主要结构 ./ ├── ansible_client # ansible_client客户端 │ └── monitor │ ├── cpu.py # 监控cpu │ └── memory.py # 监控内存 ├── api # api部分 │ ├── api_urls.py # api相关的url │ ├── serializers # 序列化相关 │ │ ├── ansi

02

ng : 无法加载文件 C:\Program Files\nodejs\node_global\ng.ps1，因为在此系统上禁止运行脚本

今天在VSCode中运行ng serve --port 8081运行基于Angular的项目时，报错了，错误如下图所示：

00

npm命令完整使用指南

在我们的工作中，npm是我们会经常使用到的工具，比如我们在App自动化测试中使用到的appium，就是通过npm命令来安装的。但是有许多人表示，自己并不清楚npm命令的使用，本文就给大家介绍一下npm命令的使用。

01

前端UI框架小汇总

IT派 - {技术青年圈} 持续关注互联网、大数据、人工智能领域移动端UI框架 Mint UI（饿了么团队）中文官网：http://mint-ui.github.io/#!/zh-cn 描述

05

如何在Ubuntu 14.04上使用Bower管理前端JavaScript和CSS依赖项

Bower是前端模块的包管理器，通常由JavaScript和/或CSS组成。它使我们可以轻松搜索，安装，更新或删除这些前端依赖项。

00

angular9 ng start正常，build部署后无法正常加载页面

angular9 本地启动项目正常，构建部署后无法正常加载页面原因 index.html默认源码中 <base href='/'> 如果项目没有部署在‘/’路径上则会无法加载页面其他资源文件解决修改index.html <base href='./'> 或者使用以下命令构建项目 ng build --base-href ./

04

无需框架，就能实现微前端，理解起来通俗易懂

微前端是一种测试方法，它为独立团队拥有的web应用提供多种功能或模块，使它们更加用户友好和更小的体积。他们基本上把前端应用分成独立的和半独立的微应用，这样每个应用都可以采用不同的技术，比如React、Angular或Vue，这样就可以很容易地集成到单个应用中。

02

更小更快更易用的Angular5管中窥豹

这一段时间留意到Angular5的版本更新速度飞快，几乎两三天就一个版本，我就知道它快要来了。

03

ASP.NET Core 2.0 : 三. 项目结构

本章我们一起来对比着ASP.NET Framework版本看一下ASP.NET Core 2.0的项目结构.(此后的文章也尽量这样对比着, 方便学习理解.) 关注差异, 也为项目迁移做准备. 新建项目

05

Servlet与Jsp的结合使用实现信息管理系统一

PS：1：先介绍一下什么是Servlet？ Servlet（Server Applet）是Java Servlet的简称，称为小服务程序或服务连接器，用Java编写的服务器端程序，主要功能在于交互式地浏览和修改数据，生成动态Web内容。狭义的Servlet是指Java语言实现的一个接口，广义的Servlet是指任何实现了这个Servlet接口的类，一般情况下，人们将Servlet理解为后者。Servlet运行于支持Java的应用服务器中。从原理上讲，Servlet可以响应任何类型的请求，但绝大多数情况下S

09

python测试开发django-188.Bootstrap折叠（Collapse）插件

前言折叠（Collapse）插件可以很容易地让页面区域折叠起来。如果您想要单独引用该插件的功能，那么您需要引用 collapse.js， bootstrap已经包含了这个插件。可以直接引用 bootstrap.js 或压缩版的 bootstrap.min.js 折叠（Collapse）以使用带有属性的链接href或带有属性的按钮data-target。在这两种情况下，data-toggle=”collapse”都是必需的。单击下面的按钮以通过类更改显示和隐藏另一个元素： .collapse隐藏内容

05

第87节：Java中的Bootstrap基础与SQL入门

数据库服务器，数据库和表数据库服务器就是在计算机上装一个数据库管理程序，用来管理多个数据库，对于程序员会针对每个程序创建一个数据库，数据库会创建很多表，用来保存程序中实体的数据。

02

Bootstrap 4/3 页面基础模板与兼容旧版本浏览器

Bootstrap 3 与 4 差别很大，目录文件结构、所引入的内容也不同，这里说说一下 Bootstrap 引入的文件、网页模板和兼容性问题。本网站刚刚搭建好，正好发一下文章原来测试网站。

03

Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结

Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结

02

Angular2 初体验

Angular2 已经发布 beta9 ，是时候折腾一下了。 Angular2 和 AngularJS 1.x 相比，可以说是全新的框架，除了名字有延续性之外，能延续的真的不多。

02

ng-zorro-mobile，踩坑记

ionic3和ionic4差别是比较大的，所以ionic3二次封装的组件基本是不能直接用在ionic4上。ng-zorro-mobile并不是依赖ionic的组件封装，而是基于angular6封装，所以理论上是兼容ionic3/4的，只是ionic3当前稳定版最高兼容到angular5，要使用ng-zorro-mobile要自行调整代码。而ionic4是兼容angular6的，所以可无缝使用ng-zorro-mobile。

03

Angular 2 版本的 ng-bootstrap 初体验

最近 angular-ui 团队终于正式发布了基于 Angular 2 的 Bootstrap 界面库 ng-bootstrap ，工作中一直用 AngularJS 1.x 的 UI Bootstrap ，因此对这个 ng-bootstrap 也是很感兴趣，第一时间进行试用。

02

ASP.NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material 实战小项目视频

我是后端开发人员, 前端的Angular部分讲的比较差一些, 可以直接看代码!!!!

03

BootStrap

iconfont的使用：https://www.cnblogs.com/changxin7/p/11479216.html

03

Angular 6.x 快速入门

在 Angular 中，我们可以通过 Component 装饰器和组件类来创建自定义组件。

02

ui-select官方教程（二）——ui-select指令

ui-select指令 ui-select的指令和事件属性选项描述值默认值 multiple 多选，直接加上multiple属性 close-on-select 在多选情况下，选中一项，就关闭下拉项 boolean true append-to-body 在多选情况下，选中项追加显示 boolean false ng-disabled 控件被禁用 boolean true ng-model 控件绑定对象 String,number,array undefined search-enabled

01

Angular CLI 简介

如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文.

（翻译）开始使用ABP.CORE模板 (ASP.NET Core with Angular)

开始一个新使用Angular和 ASP.NET Core 的ABP项目最简单的方法就是通过官方的模板页面来生成模板。切记包含zero模块。在官网完成创建和下载你的项目后，跟随后面的步骤来运行你的应用。

02

jquery导航选中按钮颜色变化

今天写一个前端页面的小功能，选中某个按钮或者菜单的时候颜色发生变化，以便用户区分自己选中的选项，这也是一种前端日常工作之中优化项。效果是这样的：

03

给项目设置打开窗口的标题和小图标

给项目设置打开窗口的标题和小图标有时我们需要为我的web项目的设置如下所示: image.png 这里我们设置如下: <head> <meta charset="UTF-8"> <

03

Angular 从入坑到挖坑 - 模块简介

Angular 入坑记录的笔记第七篇，介绍 Angular 中的模块的相关概念，了解相关的使用场景，以及知晓如何通过特性模块来组织我们的 Angular 应用

02

Angular 路由配置（预加载配置，懒加载配置）

（1）RouterModule对象提供了两个静态的方法:forRoot()和forChild()来配置路由信息。

03

2018年Web开发人员应该学习的12个框架

它可以帮助你获得更好的工作，并将你的职业生涯提升到新的水平，如果遇到无聊的工作，例如启动和停止服务器，设置一些cron作业，以及回复维护传统的旧电子邮件应用，使用框架效果会更好。

04

基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇

本文是基于 qiankun 的微前端最佳实践系列文章之从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。

04

bootstrap的模态框

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 模态框（Modal）插件</title> <link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> //样式必须有，可以在这个地址下载 <script src="https:/

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭