如何正确设置 shadow-cljs 以进行热重载？ [关闭]

Question

我一直在尝试让 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，这可能与代码/应用程序不热重载有关吗？

Answer 1

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

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

在大多数重组/试剂应用程序中，这将是调用reagent.dom/render（或reagent.core，如果您使用的是旧版本）的函数。

我还写了更多关于这一切的工作原理here。

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

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

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