Clojure +Heroku上的Clojurescript应用程序:部署应用程序时未安装npm包的依赖关系

Question

我正在编写一个web应用程序，后端在Clojure中，前端在Clojurescript中，其中有React和Reagent。我正试着在Heroku主持它。

当我在本地运行lein ubjerar时，它构建得很好，应用程序也能工作。

但是，当我试图通过git push heroku master将应用程序部署到Heroku时，最后总是会出现这样的错误：

remote:        Preparing npm packages
remote:        Installing npm packages
remote:        npm packages successfully installed
remote:        Running shadow-cljs...
remote:        [:app] Compiling ...
remote:        The required JS dependency "object-assign" is not available, it was required by "node_modules/react/cjs/react.production.min.js".
remote:
remote:        Searched in:/tmp/build_c09494ebe081fa0581db343dc809fb45/node_modules
remote:
remote:        You probably need to run:
remote:          npm install object-assign
remote:
remote:        See: https://shadow-cljs.github.io/docs/UsersGuide.html#npm-install
remote:
remote:  !     Failed to build.
remote:  !     Push rejected, failed to compile Clojure (Leiningen 2) app.
remote:
remote:  !     Push failed
remote: Verifying deploy...
remote:
remote: !   Push rejected to getfluentspanish.
remote:
To https://git.heroku.com/getfluentspanish.git
 ! [remote rejected] master -> master (pre-receive hook declined)

尽管object-assign被列为react npm包的依赖项，但发生这种情况，我已经在react project.clj中将其列为:npm-deps中的一个项。我已经验证了，当我在本地构建时，包安装得很好(在本例中，node_modules/object-assign存在)。

当我手动将object-assign作为:npm-deps中的显式依赖项添加时，我会得到相同的错误，但会抱怨应该自动安装(并在本地安装)不同的缺少依赖项。当我添加新的缺失依赖项时，它会抱怨另一个依赖项。当我使用新的显式依赖项在本地构建时，lein uberjar可以工作，但是抱怨说现在存在版本冲突，因为隐式依赖通常是固定在不同版本上的。

知道我怎么能解决这个问题吗？

编辑这里是我的project.clj

(defproject getfluentspanish "0.1.0-SNAPSHOT"

  :description "FIXME: write description"
  :url "http://example.com/FIXME"

  :dependencies [[cheshire "5.8.1"]
                 [cljs-ajax "0.8.0"]
                 [clojure.java-time "0.3.2"]
                 [com.cognitect/transit-clj "0.8.313"]
                 [com.google.javascript/closure-compiler-unshaded "v20190528" :scope "provided"]
                 [cprop "0.1.13"]
                 [day8.re-frame/http-fx "0.1.6"]
                 [funcool/struct "1.4.0"]
                 [luminus-immutant "0.2.5"]
                 [luminus-transit "0.1.1"]
                 [markdown-clj "1.10.0"]
                 [metosin/muuntaja "0.6.4"]
                 [metosin/reitit "0.3.7"]
                 [metosin/ring-http-response "0.9.1"]
                 [mount "0.1.16"]
                 [nrepl "0.6.0"]
                 [org.clojure/clojure "1.10.1"]
                 [org.clojure/clojurescript "1.10.520" :scope "provided"]
                 [org.clojure/google-closure-library "0.0-20190213-2033d5d9" :scope "provided"]
                 [org.clojure/tools.cli "0.4.2"]
                 [org.clojure/tools.logging "0.4.1"]
                 [org.webjars.npm/bulma "0.7.5"]
                 [org.webjars.npm/material-icons "0.3.0"]
                 [org.webjars/webjars-locator "0.36"]
                 [org.webjars/webjars-locator-jboss-vfs "0.1.0"]
                 [re-frame "0.10.6"]
                 [reagent "0.8.1"]
                 [ring-webjars "0.2.0"]
                 [ring/ring-core "1.7.1"]
                 [ring/ring-defaults "0.3.2"]
                 [selmer "1.12.12"]
                 [thheller/shadow-cljs "2.8.39" :scope "provided"]]

  :min-lein-version "2.0.0"

  :source-paths ["src/clj" "src/cljs" "src/cljc"]
  :test-paths ["test/clj"]
  :resource-paths ["resources" "target/cljsbuild"]
  :target-path "target/%s/"
  :main ^:skip-aot getfluentspanish.core

  :plugins [[lein-shadow "0.1.3"]
            [lein-immutant "2.1.0"]
            [lein-sassc "0.10.4"]
            [lein-auto "0.1.2"]]
   :sassc
   [{:src "resources/scss/screen.scss"
     :output-to "resources/public/css/screen.css"
     :style "nested"
     :import-path "resources/scss"}] 

   :auto
   {"sassc" {:file-pattern #"\.(scss|sass)$" :paths ["resources/scss"]}} 

  :hooks [leiningen.sassc]
  :clean-targets ^{:protect false}
  [:target-path "target/cljsbuild"]
  :shadow-cljs
  {:nrepl {:port 7002}
   :builds
   {:app
    {:target :browser
     :output-dir "target/cljsbuild/public/js"
     :asset-path "/js"
     :modules {:app {:entries [getfluentspanish.app]}}
     :devtools {:watch-dir "resources/public"}}
    :test
    {:target :node-test
     :output-to "target/test/test.js"
     :autorun true}}}

  :npm-deps [[core-js "^2.6.9"]
             [shadow-cljs "2.8.31"]
             [create-react-class "15.6.3"]
             [react "16.8.6"]
             [react-dom "16.8.6"]
             [react-beautiful-dnd "11.0.4"]
             [react-dnd "7.6.0"]
             [react-dnd-html5-backend "7.6.0"]
             [react-dnd-touch-backend "0.8.3"]
             [react-dnd-multi-backend "3.2.1"]]

  :profiles
  {:uberjar {:omit-source true
             :prep-tasks ["compile" ["shadow" "release" "app"]]

             :aot :all
             :uberjar-name "getfluentspanish.jar"
             :source-paths ["env/prod/clj" "env/prod/cljs"]
             :resource-paths ["env/prod/resources"]}

   :dev           [:project/dev :profiles/dev]
   :test          [:project/dev :project/test :profiles/test]

   :project/dev  {:jvm-opts ["-Dconf=dev-config.edn"]
                  :dependencies [[binaryage/devtools "0.9.10"]
                                 [cider/piggieback "0.4.1"]
                                 [expound "0.7.2"]
                                 [pjstadig/humane-test-output "0.9.0"]
                                 [prone "1.6.3"]
                                 [re-frisk "0.5.4.1"]
                                 [ring/ring-devel "1.7.1"]
                                 [ring/ring-mock "0.4.0"]]
                  :plugins      [[com.jakemccrary/lein-test-refresh "0.24.1"]]


                  :source-paths ["env/dev/clj" "env/dev/cljs" "test/cljs"]
                  :resource-paths ["env/dev/resources"]
                  :repl-options {:init-ns user}
                  :injections [(require 'pjstadig.humane-test-output)
                               (pjstadig.humane-test-output/activate!)]}
   :project/test {:jvm-opts ["-Dconf=test-config.edn"]
                  :resource-paths ["env/test/resources"]}



   :profiles/dev {}
   :profiles/test {}})

编辑2 --我放弃了git push heroku master部署方法，转而使用了Docker。我在下面的答复中详细说明了这一过程。

Answer 1

最后，我放弃了基于Git的Heroku部署，而改用了Docker。现在它起作用了，但唯一的缺点是，每次我想部署时，我都必须在本地构建一个新的Docker映像，这比远程上的git push heroku master慢，其次是lein uberjar。不过，我可以将这个步骤移到CI服务器或其他什么地方，并通过Github钩子进行构建和部署，这给我提供了类似的方便。

实际上，我对使用Docker的简单性印象深刻。我使用的Dockerfile非常琐碎：

FROM openjdk:8-alpine
COPY target/uberjar/getfluentspanish.jar /getfluentspanish/app.jar
EXPOSE 3000
CMD ["java", "-jar", "/getfluentspanish/app.jar"]

我希望这能帮助那些试图尝试将一个完整堆栈Clojure & Clojurescript应用程序部署到Heroku的人。

Answer 2

您的项目是否基于某个框架(比如Luminus)？你能把你的project.clj文件寄出去吗？这一信息将帮助其他人了解正在发生的事情。

根据您的项目配置，运行lein uberjar可以执行不同的任务。最常见的情况是有一个Clojure后端，其中uberjar任务将Clojure和Java编译成字节码，并将结果打包到JAR文件中。您也可能有一些别名，它添加了从NPM下载依赖项的步骤，并将ClojureScript编译到资产中，这些资产也被打包为JAR的一部分，但是如果不查看project.clj文件很难判断。

Answer 3

我也有过类似的问题。在我的例子中，问题包在编译影子cljs之前是由heroku-buildpack“修剪”的。见heroku文件。

我添加了以下env变量并解决了这个问题。

NPM_CONFIG_PRODUCTION=false
YARN_PRODUCTION=false