使用 Ob 和 reflex 导入 CSS-file 时的静态文件错误

Question

我想用 Obelisk 让两个 div 并排漂浮。为此，我已经问过这个问题 ()。这提供了我应该将我的东西放在静态中并添加静态@filename 的答案。但是，这种方法会导致错误。

下面您可以看到 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."

给出了以下错误消息：无法推断 (StaticFile "css/cssTest.css") 因使用 'static'.

而产生

Answer 1

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

使用 Ob 和 reflex 导入 CSS-file 时的静态文件错误

Staticfile error when using Ob and reflex to import CSS-file

css

haskell

reflex

reflex-dom