Meteor @import css：资源解释为样式表，但使用 MIME 类型 text/html 传输：答案

【问题标题】：Meteor @import css: Resource interpreted as Stylesheet but transferred with MIME type text/html:Meteor @import css：资源解释为样式表，但使用 MIME 类型 text/html 传输：
【发布时间】：2017-04-19 08:52:06
【问题描述】：

我一直在控制台中看到此消息，尽管我的样式表似乎加载正常（它们最初不是，似乎它们必须在客户端文件夹中，对吗？）。我在 Meteor 1.4.2.3 上。

我的文件夹结构是

> client
    > styles
         - formStyles.css
         - tableStyles.css
    - main.css
    - main.html
    - main.jsx

在我的main.css 文件中，我有以下代码：

@import "https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css";
@import "styles/tableStyles.css";
@import "styles/formStyles.css";
span{
    color: black;
    font-weight: normal;
}

当我加载页面时，我在 Chrome 开发工具控制台中收到以下警告：

资源被解释为样式表，但以 MIME 类型传输文本/html：“http://localhost:3000/styles/formStyles.css”。

资源被解释为样式表，但以 MIME 类型传输文本/html：“http://localhost:3000/styles/tableStyles.css”。

最初，我的 styles 文件夹位于 client 文件夹之外（在 ui 下）并且没有应用任何样式，但现在确实应用了样式，但我宁愿在我的应用程序中看不到警告...

我也尝试过使用像 @import "{}/styles/formStyles.css"; 这样的绝对路径，但并没有什么不同。

【问题讨论】：

我认为原生 css 不会导入。如果你正在考虑 SASS，那么你应该使用流星包fourseven:scss 来做你想做的事
从 CSS 3 开始就可以了（上面的 URL 可以正常导入）

标签： javascript css meteor mime-types

【解决方案1】：

您的 css 文件放在 client 文件夹下，这意味着您不必 import 任何东西。这些文件将自动为您连接。您应该阅读本指南：https://guide.meteor.com/structure.html#special-directories

【讨论】：