clojure - 如何正确设置 shadow-cljs 以进行热重载?
问题描述
我一直在尝试让 shadow-cljs 热重载工作,但我没能,我在我的 project.clj 文件中尝试了多个设置,但没有一个有效。这就是我的 project.clj 的样子:
:shadow-cljs {:nrepl {:port 8777}
:builds {:app {:target :browser
:output-dir "resources/public/js/compiled"
:asset-path "/js/compiled"
:modules {:app {:init-fn my-app.core/init
:preloads [devtools.preload]}}
:devtools {:http-root "resources/public"
:http-port 8080
:http-handler my-app.handler/dev-handler
}}}}
:aliases {"watch" ["with-profile" "dev" "do"
["shadow" "watch" "app"]]}
:profiles
{:dev
{:dependencies [[binaryage/devtools "1.0.2"]]
:source-paths ["dev"]} ;; <- this is the default from the template pointing to "dev", I've tried chaning it multiple times.
}
当我运行时,lein watch
我知道它只是在运行shadow-cljs watch app
应该运行我的“应用程序”构建。这就是我的开发处理程序的样子(在 中引用:http-handler
):
(def dev-handler (-> api-routes
wrap-params
wrap-json-response
wrap-keyword-params
wrap-json-params
wrap-multipart-params
wrap-reload
(wrap-resource "public")
(utils/cors-wrapper utils/cors-policy)
(utils/wrap-content-type-security)
(wrap-defaults (assoc-in site-defaults [:security :anti-forgery] false))))
我尝试将我的 :dev 配置文件中的源路径更改为["src"]
,甚至尝试将所有内部文件夹包括在内["src/clj" "src/cljs" "src/cljc"]
,但没有成功。我什至尝试从头开始创建一个新应用程序,lein new re-frame
不做任何更改并运行 lein watch,代码编译并且一切看起来都很好,但是每当我更改 cljs 文件(例如 views.cljs)中的某些内容时,都不会重新渲染/重新加载,我已经访问了 localhost:9630,它为您提供了一个 shadow-cljs 仪表板,其中列出了您的构建,然后单击“强制编译”按钮并在我的应用程序页面中看到 clojurescript 动画,但没有再次重新渲染/重新加载。我注意到当 shadow-cljs 完成编译时,编译了 0 个文件,它是从其他地方获取源路径配置吗?这就是我的样子
编辑:也许值得一提的是,我在 MobaXterm 中使用 xfce 终端和来自 WSL2 的 emacs 运行 ubuntu,这可能与代码/应用程序而不是热重载有关吗?
解决方案
一切似乎都按预期顺利运行。您唯一缺少的可能是生命周期回调来触发页面的实际重新呈现。
见https://shadow-cljs.github.io/docs/UsersGuide.html#_hot_code_reload
在大多数 re-frame/reagent 应用程序中,这将是调用的函数reagent.dom/render
(或者reagent.core
如果您使用的是旧版本)。
我还写了更多关于这一切是如何在这里工作的。
...它是从其他地方获取源路径配置吗?
shadow-cljs
查看 JVM 类路径,但是它是在启动时构建的。您似乎正在使用lein
so onlyproject.clj
在这里很重要,并且类路径是通过添加 all 来构造的:source-paths
,:resource-paths
依此类推。因此,如果您拥有:source-paths ["src/clj" "src/cljs" "src/cljc"]
它就足以让它被拾取,当然假设您正在使用的源文件实际上是在那些目录中。
否则无法评论您的设置。我在 WSL2 中很好地使用了它,但是如果在容器(例如 docker)内运行会出现已知问题,所以我不排除这里有一些时髦的东西会阻止shadow-cljs
实际“观看”文件。
推荐阅读
- javascript - 添加事件侦听器在 wordpress 主题环境中的 js 中不起作用
- algorithm - 找出无法赢得比赛的玩家人数?
- go - 如何创建多个工作人员以从工作队列中获取密钥并在它们上处理一些业务逻辑?
- buffer - 输出高阻抗,重放缓冲器未定义输出和输入
- python - 有没有办法返回被点击的海龟对象?
- python - 无法使用请求获取网页内容
- multiprocessing - 具有共享内存的 Pytorch 多处理导致 matmul 慢 30 倍(只有两个进程)
- aws-codepipeline - CodePipeline - 将提交消息从源操作传递到批准操作
- python - 熊猫。read_csv 将 NULL 和空格读取为 nan
- json - 使用 Pyspark 将 json RDD 解析为数据帧