Question

我一直在我的控制台中看到这条消息，虽然我的样式表似乎正常加载（它们原本不是，似乎它们必须在客户端文件夹中，这是正确的吗？）。我在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类型传输   text / html：“http://localhost:3000/styles/formStyles.css”。

资源解释为样式表但使用MIME类型传输   text / html：“http://localhost:3000/styles/tableStyles.css”。

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

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

Answer 1

您的css文件位于client文件夹下，这意味着您无需import任何内容。这些文件将自动连接。您应该阅读本指南：https://guide.meteor.com/structure.html#special-directories

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

1 个答案: