首页 > 解决方案 > 如何正确设置 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,这可能与代码/应用程序而不是热重载有关吗?

标签: clojureclojurescripthot-reloadshadow-cljs

解决方案


一切似乎都按预期顺利运行。您唯一缺少的可能是生命周期回调来触发页面的实际重新呈现。

https://shadow-cljs.github.io/docs/UsersGuide.html#_hot_code_reload

在大多数 re-frame/reagent 应用程序中,这将是调用的函数reagent.dom/render(或者reagent.core如果您使用的是旧版本)。

我还写了更多关于这一切是如何在这里工作的。

...它是从其他地方获取源路径配置吗?

shadow-cljs查看 JVM 类路径,但是它是在启动时构建的。您似乎正在使用leinso onlyproject.clj在这里很重要,并且类路径是通过添加 all 来构造的:source-paths:resource-paths依此类推。因此,如果您拥有:source-paths ["src/clj" "src/cljs" "src/cljc"]它就足以让它被拾取,当然假设您正在使用的源文件实际上是在那些目录中。

否则无法评论您的设置。我在 WSL2 中很好地使用了它,但是如果在容器(例如 docker)内运行会出现已知问题,所以我不排除这里有一些时髦的东西会阻止shadow-cljs实际“观看”文件。


推荐阅读