Angular/Rails 应用程序加载空白 CSS 样式表答案

【问题标题】：Angular/Rails App Loading Blank CSS StylesheetAngular/Rails 应用程序加载空白 CSS 样式表
【发布时间】：2017-06-28 18:42:43
【问题描述】：

在我刚刚启动的应用程序中，我无法加载我的 CSS 样式表。我习惯于使用带有导轨的资产管道，但我正在尝试将 Angular 用于前端，这将所有内容都从资产管道中取出。

我在 public/app/styles/style.css 中有 css 文件，并在我的 index.html 中引用它：

<link rel="stylesheet" href="app/styles/style.css">

我的图像与src=app/assets/images/... 成功链接，如果我查看开发者控制台上的源选项卡，文件确实显示出来，但它似乎是空的。

任何人都可以看到断开连接的位置吗？

【问题讨论】：

【解决方案1】：

从我的代码中可以看出，您的标签可以使用“类型”属性，但这不会阻止它工作。

链接中的 URL 是“app/styles/style.css”，我假设您的 index.html 文件位于“public”文件夹中？

我会实际检查 URL 以确保它指向 style.css 文件，并更新它以使用完整的 HTML5 格式，即：

<link rel="stylesheet" type="text/css" href="app/styles/style.css">

【讨论】：