已添加jsaddle-dom依赖仍遇GHCJS.DOM.Element加载错误求助

我之前也碰到过一模一样的情况——明明在cabal文件里加了依赖，却还是报“隐藏包”的错误，大概率是这几个原因之一，你可以一步步排查：

1. 确认jsaddle-dom是否安装在GHCJS专属包数据库里 #

GHC和GHCJS的包数据库是完全分开的，如果你是用普通GHC环境安装的jsaddle-dom，GHCJS编译时根本找不到它。你可以用这条命令专门给GHCJS安装依赖：

cabal --with-compiler=ghcjs install jsaddle-dom

如果用Stack构建的话，要先确保stack.yaml里指定了ghcjs编译器，再重新安装依赖。

2. 检查cabal文件的版本约束是否有问题 #

有时候你写的版本范围太窄，或者和其他依赖冲突，导致cabal实际没有安装对应的jsaddle-dom版本，反而把它标记为隐藏了。你可以把build-depends里的jsaddle-dom改成更宽松的范围，比如：

build-depends:
  base >=4.14 && <5,
  jsaddle-dom >=0.9 && <0.10,
  -- 其他依赖...

改完后重新运行cabal configure或cabal build试试。

3. 查看包是否被标记为隐藏 #

运行下面的命令，检查jsaddle-dom在GHCJS环境中的状态：

cabal --with-compiler=ghcjs list jsaddle-dom

如果输出里显示(hidden)，可以临时用这条命令允许使用隐藏包来排查：

cabal build --allow-newer --allow-hidden

不过这只是临时方案，更根本的是解决版本冲突问题，找到包被隐藏的根源。

4. 清理缓存后重新构建 #

有时候cabal的缓存配置会出问题，你可以先清理再重新构建：

cabal clean
cabal configure --with-compiler=ghcjs
cabal build

这些步骤应该能解决大部分这类问题，优先从第一步开始试——GHCJS和GHC环境分离是最容易踩的坑。

内容的提问来源于stack exchange，提问作者nh2