程序员经验分享-hwhale

Angular 6 - 拒绝应用“...”中的样式，因为其 MIME 类型（“text/html”）不是受支持的样式表

2024-01-26

尝试升级到 Angular 6，当我在 index.html 中引用以下内容时，出现以下错误：

拒绝应用来自 ' 的样式https://localhost:44394/~/assets/primengcss/themes/omega//theme.css https://localhost:44394/~/assets/primengcss/themes/omega//theme.css' 因为它的 MIME 类型（'text/html'）不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。


经过一番挖掘后找到了答案（至少对我有用）：

看起来在 Angular 6 中我们需要将任何外部 CSS（如 bootstrap、font Awesome、Primeneng 等）包含到 angular.json 中，如下所示：

        "styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "./node_modules/font-awesome/css/font-awesome.min.css",
          "src/styles.css",
          "./node_modules/primeng/resources/themes/omega/theme.css",
          "./node_modules/primeng/resources/primeng.min.css",
          "./node_modules/primeicons/primeicons.css"
        ],
        "scripts": [
          "./node_modules/jquery/dist/jquery.slim.min.js",
          "./node_modules/popper.js/dist/umd/popper.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

reference

styles

angular6

Angular 6 - 拒绝应用“...”中的样式，因为其 MIME 类型（“text/html”）不是受支持的样式表 的相关文章

随机推荐

  • CakePHP 连接在浏览器中被拒绝

    我正在第一次设置 学习 CakePHP 我正在努力弄清楚为什么我无法通过默认端口 8765 访问我的服务器 我喜欢在 ubuntu 机器上进行开发并远程处理代码 该服务器托管在我本地计算机上的虚拟机上 但我将其称为远程计算机 服务器和我的远

  • lua 垃圾收集器调试输出的最佳方法是什么？

    我需要一个游戏状态对象在 lua 中 不是 C 或与 C 绑定 管理来自我的 C 引擎的灯光 相机 对象 事件 lua 对象是与 c 不同的实体 几乎只是标准的 lua 表 我担心 GC 将如何删除这些对象 因为它们将被动态创建和删除 打开

  • 从真值表创建降序二元决策图 (ROBDD)

    是否有一个软件包 最好是应用程序 而不是库 可以根据给定的真值表 以某种文本格式 创建降序二元决策图 ROBDD 你也可以尝试这个 http formal cs utah edu 8080 pbl BDD php http formal c

  • Pygal 子图（几张图）

    我想在 python 2 7 上使用 Pygal 创建一个仪表板 同一窗口中的多个图 但后者没有 subplot 功能 有没有不使用散景或情节的解决方案 Matplotlib 上的示例 fig axes plt subplots ncols

  • 无法找到此循环的大 O 时间

    我正在尝试查找以下代码片段的 Big O 运行时间 for i 0 i lt n n i for j 0 j lt i j k 我不确定由于 n 的乘法 它是否会是 O n 3 或者只是 O n 2 一些帮助将不胜感激 内部循环将执行 0

  • 使用 AudioKit for iOS < 11 进行离线音频渲染

    我有 4 个AKPlayer节点 每个节点都连接到一些效果 最后它们混合在一起 我想离线渲染 iOS gt 9 0 的输出 但我不知道如何做 编辑 我已经实现了渲染并将其分离为 iOS gt 11 虽然 iOS gt 11 renderTo

  • 无法读取 null 的属性“getHostNode”

    我有一个带有 React 路由器的 Horizo n React 应用程序 并且我的应用程序中有一个简单的按钮 Another Search 当我点击它时 出现以下异常 Uncaught TypeError Cannot read prop

  • Redux Saga 异步/等待模式

    我在整个代码库中使用 async await 因此 我的 api 调用是由异步函数定义的 async function apiFetchFoo return await apiCall 我想从我的传奇代码中调用这个函数 看来我不能这样做 D

  • 用户看到深度嵌套状态的一部分，可见属性是否应该位于顶层？

    我正在开发一款游戏 最初 用户处于单个地牢中 具有以下属性 state health 95 creatures bigBoss lightIsOn true goldReward 54 you get the idea 现在有很多王国 很多

  • C# DateTime ToString 标准区域性格式

    我可以更改特定区域性的 DateTime 的标准输出格式吗 例子 class Program static void Main string args PrintCultureDateTime ca ES PrintCultureDateT

  • 防止圆圈重叠

    我正在尝试找出 JavaScript 数学来将两个碰撞的圆移开 该图像的左侧是我已经拥有的内容的视觉表示 x1 y1 x2 and y2 are the positions of the circles r1 and r2 are the

  • 如何在 HSQL Db 内存单元测试中启用引用完整性

    我对整个 JPA 后端进行了 200 多个单元测试 它们在 hsql db 2 2 上都运行良好 我在连续构建环境中运行测试来验证系统的稳定性 除了当我在 Oracle 11 上运行它们时 一些测试因引用完整性约束而失败 这是由于我的代码中

  • CSS 在悬停时从不同元素更改元素内容

    是否可以in CSS当鼠标悬停在不同的元素上时更改元素的内容 举例来说 我有这个 div A B C D E F 当我将鼠标悬停在 B 中时 我想在 A 中显示一些文本 如果我将鼠标悬停在 C 中 A 中将会出现不同的文本 其余的也一样 当

  • ag-grid支持列虚拟化吗？

    这在有很多列且大多数列不在可见区域的情况下特别重要 是的 正如上面所述文档 https www ag grid com javascript grid accessibility dom order 默认情况下 网格使用虚拟化 网格技术 当

  • 实例删除：此应用程序有一个待处理的操作。请稍候并重试

    我在 GAE Standard Java 中的一个实例不知何故处于一种奇怪的状态 尝试删除它会导致 此应用程序有一个待处理的操作 请等待并重试 很长时间 对于重新部署新版本这一问题是否有任何解决方案 有趣的 在 Appengine 上映射自

  • AssertionError：内部：未指定默认项目

    气流新手 尝试运行 SQL 并将结果存储在 BigQuery 表中 出现以下错误 不确定在哪里设置default rpoject id 请帮我 Error Traceback most recent call last File usr l

  • 如何检测 WPF 控件何时被重绘？

    我正在使用 D3DImage 显示一系列帧 这些帧依次渲染到同一个 Direct3D Surface 上 我目前的逻辑是 显示最后渲染的帧 即D3DImage Lock AddDirtyRect Unlock 开始渲染下一帧 等待下一帧准备

  • 在 Mac os x Lion 上安装 mysql2 gem

    前几天我更新到了 Mac OSX Lion 它破坏了我的 Rails 安装 因为我必须重新编译 mysql 虽然我已经完成了工作 但重新安装 mysql2 gem 已经成为问题 我以前运行的是 leopard 所以我将从 32 位升级到 6

  • 循环遍历 UICollectionview 中的所有单元格

    我有 UICollection 其中有许多学生项目 每个项目内部都有开关 用于记录出勤情况 我像这样循环遍历所有可见的单元格 for attendancecollectionViewCell cells in self collection

  • Angular 6 - 拒绝应用“...”中的样式，因为其 MIME 类型（“text/html”）不是受支持的样式表

    尝试升级到 Angular 6 当我在 index html 中引用以下内容时 出现以下错误 拒绝应用来自 的样式https localhost 44394 assets primengcss themes omega theme css

热门标签