无法在 Angular 6 中添加 Bootstrap 4

2023-11-29

当我尝试添加最新的引导程序版本时遇到问题

npm install bootstrap

之后,当我尝试运行它时收到一条错误消息。

ng serve --open

我在 angular.json 中添加 Bootstrap

像这样

"styles": [
          "../node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.css"
        ],

错误消息是

    ERROR in multi ../node_modules/bootstrap/dist/css/bootstrap.min.css ./src/styles.css
Module not found: Error: Can't resolve '...\node_modules\bootstrap\dist\css\bootstrap.min.css' in '...'

为什么我收到错误消息?


Delete "../node_modules/bootstrap/dist/css/bootstrap.min.css",在 Angular.json 中。

尝试添加这个@import "~bootstrap/dist/css/bootstrap.css";到您的 style.css 文件。

Ref: 使用 Bootstrap 设计 Angular CLI v6 应用程序

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无法在 Angular 6 中添加 Bootstrap 4 的相关文章

随机推荐

  • 录音机小部件不会停止录音

    我的应用程序涉及大量录音 因此我制作了一个小部件以便能够从主屏幕进行录音 我有一个 Recorder java 类 我在其中处理所有 MediaRecorder 调用 从活动中记录时 一切正常 从小部件录制时 它会录制 但不会在应该停止录制
  • Fortran 中的 if 或函数指针

    因为这在 Fortran 中很常见 所以我正在编写一个大规模并行的科学代码 在代码的开头 我阅读了配置文件 它告诉我要使用哪种类型的求解器 现在这意味着在子程序中 在主运行期间 我有 if solver eq 1 then call sol
  • Ansible async_status 任务 - 错误:ansible_job_id“未定义变量”

    我有一个 3 节点 ubuntu 20 04 lts kvm kubernetes 集群 kvm host 也是 ubuntu 20 04 lts 我在 kvm 主机上运行了 playbook 我有以下库存摘录 nodes hosts se
  • 如何使用 Java 在屏幕上移动 Windows 窗口?

    我一直在考虑制作一个带有 GUI 的窗口管理器 可能是用 Java 编写的 但是 我正在努力找出移动不属于我的程序的窗口的最佳方法 到目前为止 我似乎应该使用 JNI 与 Windows API 进行交互 但我还没有找到任何有用的示例 有谁
  • 如何以编程方式跳过摩卡测试?

    我有一个代码 其中某些测试在 CI 环境中总是会失败 我想根据环境条件禁用它们 如何在运行时执行期间以编程方式跳过摩卡测试 您可以通过在描述或它块前面放置一个x来跳过测试 或者放置一个 skip在它之后 xit should work fu
  • 如何确定应用程序的控制台窗口何时获得或失去焦点?

    有没有一种简单的方法可以做到这一点 或者至少检查控制台当前是否处于焦点状态 想象一下像游戏这样的东西 这里不是这种情况 但类比成立 如果它可以自动暂停 那将会很有用 我需要类似的东西 如果您感兴趣的窗口不是控制台窗口 则只需点击适当的焦点事
  • 为什么不使用 HashSet 类来实现 Enumerable.Distinct

    我需要访问的渐近时间和空间复杂度IEnumerable Distinct用大O表示法 所以我正在研究扩展方法的实现Enumerable Distinct我看到它是使用内部类实现的Set
  • JList 文本对齐

    我有一个JList我想显示两个值的项目 有没有办法让它显示字符串名称 然后用右对齐的字符串来显示值 看起来像这样 Title 120 Title2 135 是否可以将两个字符串传递给一个项目 并使第一个字符串显示在左侧 第二个字符串显示在右
  • Windows 窗体 - 从按钮类型的对象获取文本值

    我有一个名为Form1并在此表单中命名为面板panel1 我仅使用该面板将按钮放置在那里 以便我可以将它们分组并与我的其他按钮分开使用它们Form1 为了我的程序的目的 我需要处理从内部按钮进行的 每个按钮单击panel1 为此 我使用相同
  • java applet 小程序的替代品是什么?

    我正在开发一个 Web 应用程序 其中我们有一个客户端小程序应用程序 它将检查客户端计算机上是否安装了证书 但大家都知道 Mozilla 很快就会停止支持小程序 谁能建议做同样事情的替代选择是什么 Java 网络启动 The 其他答案已过期
  • 为什么 Chrome 在反复刷新使用 WebAssembly 的页面后最终会抛出“内存不足:wasm 内存”?

    我愿意相信刷新浏览器窗口或选项卡不会泄漏 不幸的是 当涉及 WebAssembly 时 情况似乎并非如此 我用 Rust 构建了一个 WebAssembly 箱 该包的编译大小约为 360 Kb 内容压缩之前 并且该包在 Firefox 甚
  • 这是将训练集投影到特征空间的正确方法吗? MATLAB

    我使用以下方法计算了 PCA function signals V pca2 data M N size data data reshape data M N 1 subtract off the mean for each dimensi
  • 将文本在 div 中垂直和水平居中

    我正在使用 bootstrap 并尝试创建一个高度和宽度与其宿主容器相同的 Cell 标题占该空间的 30 值占该空间的 70 该值有上限和下限 各占 20 为实际值留出 60 的空间 HTML div class container fl
  • Excel VBA退出Word文档

    我有一个宏 可以将 Excel 文档的选定单元格插入到 Word 模板中 复制整个 Word 文档 然后关闭文档而不保存 以保留某些关键字 但是 当它关闭 Word 文档时 它会打开一个空白的 Word 窗口 其中没有活动文档 并且每次运行
  • Django 模板和 MongoDB _id

    Variables and attributes may not begin with underscores value id 如何引用 idDjango 模板中从 MongoDB 获取的项目的数量 自定义模板过滤器有助于 from dj
  • jquery:.css 与附加到头部之间的速度差异?

    我们对内部应用程序有一些笨拙的解决方法 我想知道哪种 jQuery css 技术被认为更快 更高效 等等 技术A使用 css doc css margin top 90px checkouthelp css margin 50px 50px
  • 了解 Python 中的 for 循环

    我正在尝试创建一个for循环 我遇到了问题 我不明白这些循环是如何工作的 我认为问题是因为我正在使用for语法错误 据我了解 一个for循环应该看起来像 for w in words print w len w But 它究竟是如何运作的
  • 将 PHP Unix 时间戳转换为 Javascript 时间戳格式

    我将 php 中的 unix 时间戳抛出到 javascript 中 我注意到 PHP 和 Javascript 时间戳与纪元不同 秒与毫秒 我基本上所做的就是回显 php unix 时间 然后添加 3 个零 简单地将其乘以 1000 但我
  • Excel UDF 到表中的数据块的逆透视(融化、反向透视、展平、标准化)

    这个问题将寻求多种方法LET LAMBDA VBA UDF and Power Query Function 因此不会有单一的正确答案 而是征集可供参考的方法 Scott提出了一个问题here关于反转包含数据块而不是单个数据点的复杂表 基本
  • 无法在 Angular 6 中添加 Bootstrap 4

    当我尝试添加最新的引导程序版本时遇到问题 npm install bootstrap 之后 当我尝试运行它时收到一条错误消息 ng serve open 我在 angular json 中添加 Bootstrap 像这样 styles no