css - 使用 Ob 和 reflex 导入 CSS 文件时出现静态文件错误

Question

我想使用 Obelisk 使两个 div 并排 float 。为此我已经问过这个问题(Where to put the css file when using obelisk)。这提供了我应该将我的东西放入静态并添加静态@文件名的答案。但是，这种方法会导致错误。

下面您可以看到 frontend/src/Frontend.hs 中使用的前端函数的最小示例。

frontend :: Frontend (R FrontendRoute)
frontend = Frontend
    { _frontend_head = prerender_ (text "Loading..") headElement
    , _frontend_body = prerender_ (text "Loading...") bodyElement
    }

headElement :: MonadWidget t m => m ()
headElement = do
    el "title" $ text "Title"
    styleSheet $ static @"/css/cssTest.css"
        where
            styleSheet link = elAttr "link" (Map.fromList [
                    ("rel", "stylesheet"),
                    ("type", "text/css"),
                    ("href", link)
                ]) $ return ()

bodyElement :: MonadWidget t m => m ()
bodyElement = elClass "div" "container" $ do
    elClass "div" "fixed" $ do
        el "h2" $ text "Button enabled / disabled"
    elClass "div" "flex-item" $ do
        el "h2" $ text "Second paragraph next to it."

出现以下错误消息: 无法推断出因使用“static”而产生的(StaticFile“css/cssTest.css”)。

Answer 1

在我从 "/css/cssTest.css" 中删除前导 / 并重新启动 ob run 后，这对我有用(假设您将文件放置在static/css/cssTest.css)。