故事书-包含资产文件夹中的CSS返回“拒绝包含...”错误

Question

我在我的Storybook Stencil项目中包括了Font Awesome。 这是我的项目结构

|-> src
    |-> assets
        |-> fontawesome
            |-> css
                |-> all.css
|-> .storybook
    |-> manager-head.html
    |-> preview-head.html

为了使故事书中的字体很棒，正如我在文档中所读到的，我需要在此引用中 manager-head 和 preview-head

<link
  rel="stylesheet"
  type="text/css"
  href="../src/assets/fontawesome/css/all.css"
/>

但是当我启动故事书时，我遇到了以下问题：

完整错误是：

  

拒绝应用“ http://localhost:6007/src/assets/fontawesome/css/all.css”中的样式，因为它的MIME类型（'text / html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查

我不知道为什么错误提示 MIME类型（'text / html'），因为我写了 type =“ text / css” 路径是正确的，但我不知道为什么会出现此错误。

Answer 1

您应该在package.json中指定从中加载静态文件的目录（例如，css文件）：

您可以了解有关CLI选项here的更多信息。