Question

所以我刚刚发现了这个库，并认为构建UI可能很棒。这是我在学习这个库时试图实现的一个小练习。基本上它尝试在本地文件系统上打开一个目录并显示该目录中的所有文件。它编译没有问题但是当我打开index.html时它只显示一个空白页面。我不知道如何调试程序。这是代码：

{-# LANGUAGE OverloadedStrings #-}
import           Reflex.Dom
import qualified Data.Text as T
import           System.Directory
import           System.FilePath
import           Control.Monad
import           Data.List (map)


main :: IO ()
main = do
  files <- getDirectoryContents "/"
  let names = map (T.pack . show) files
  mainWidget $ body  names

body :: MonadWidget t m => [T.Text] ->  m ()
body files = el "div" $ do
  el "h2" $ text "Reflex File Test"
  el "ul" $ do
    let lables = map text files
    mapM_ (el "li")  lables

Answer 1

调试ghcjs问题的第一步是检查浏览器控制台。在这种情况下，您将看到："/: getDirectoryContents: failed (operation unsupported on this platform)"。

这是有道理的。代码在浏览器中运行 - 不在服务器上，或直接在客户端上运行。所以整个文件系统概念并不适用于此。

如何调试reflex-dom程序 -

1 个答案: