_由 phiware 制作的评论_
h2. 重复问题的步骤。
考虑以下三个源文件
{code:title=src/distinct_inputs/core.cljs}
(ns distinct-inputs.core
(:require [d3]
[circle :refer [circle]]))
(-> d3
(.select "body")
(.append "svg")
(.attr "width" 200)
(.attr "height" 200)
(.call circle "steelblue"))
{code:title=es6/circle.js}
import * as d3 from 'd3';
export function circle(sel, color) {
return sel
.append("circle")
.attr("cx", "100px")
.attr("cy", "100px")
.attr("r", "100px")
.attr("fill", color);
}
{code:title=build.clj}
(require 'cljs.build.api)
(cljs.build.api/build
"src"
{:main 'distinct-inputs.core
:output-to "out/main.js"
:install-deps true
:foreign-libs [{:file "es6"
:module-type :es6}]
:npm-deps {:d3 "3.5.16"}})
执行 {{cljs}}
{code:none}
java -cp cljs.jar:src clojure.main build.clj
h2. 预期结果
{{cljs}} 应该向标准输出什么也不产生，干净地退出，并写入以下文件（大约）。
{code:title=out/main.js}
var CLOSURE_UNCOMPILED_DEFINES = {};
var CLOSURE_NO_DEPS = true;
if(typeof goog == "undefined") document.write('<script src="out/goog/base.js"></script>');
document.write('<script src="out/goog/deps.js"></script>');
document.write('<script src="out/cljs_deps.js"></script>');
document.write('<script>if (typeof goog == "undefined") console.warn("ClojureScript could not load :main, did you forget to specify :asset-path?");</script>');
document.write('<script>goog.require("process.env");</script>');
document.write('<script>goog.require("distinct_inputs.core");</script>');
{code:title=out/distinct_inputs/core.js}
goog.provide('distinct_inputs.core');
goog.require('cljs.core');
goog.require('module$distinct_inputs$node_modules$d3$d3');
goog.require('module$distinct_inputs$es6$circle');
module$distinct_inputs$node_modules$d3$d3.select("body").append("svg").attr("width",(200)).attr("height",(200)).call(module$distinct_inputs$es6$circle.circle,"steelblue");
//# sourceMappingURL=core.js.map
{code:title=out/es6/circle.js}
goog.provide("module$distinct_inputs$es6$circle");goog.require("module$distinct_inputs$node_modules$d3$d3");function circle$$module$distinct_inputs$es6$circle(sel,color){return sel.append("circle").attr("cx","100px").attr("cy","100px").attr("r","100px").attr("fill",color)}module$distinct_inputs$es6$circle.circle=circle$$module$distinct_inputs$es6$circle
h2. 实际结果。
{{cljs}} 返回退出代码 1 并产生以下标准输出。
{code:none|title=stdout}
主线程中异常 java.lang.IllegalArgumentException: 在解析模块路径后重复了模块路径: /distinct_inputs/node_modules/d3/d3.js, 编译:(/distinct_inputs/build.clj:3:1)
at clojure.lang.Compiler.load(Compiler.java:7391)
at clojure.lang.Compiler.loadFile(Compiler.java:7317)
at clojure.main$load_script.invokeStatic(main.clj:275)
at clojure.main$script_opt.invokeStatic(main.clj:335)
at clojure.main$script_opt.invoke(main.clj:330)
at clojure.main$main.invokeStatic(main.clj:421)
at clojure.main$main.doInvoke(main.clj:384)
at clojure.lang.RestFn.invoke(RestFn.java:408)
at clojure.lang.Var.invoke(Var.java:379)
at clojure.lang.AFn.applyToHelper(AFn.java:154)
at clojure.lang.Var.applyTo(Var.java:700)
at clojure.main.main(main.java:37)
原因: java.lang.IllegalArgumentException: 在解析模块路径后重复了模块路径: /distinct_inputs/node_modules/d3/d3.js
at com.google.javascript.jscomp.deps.ModuleLoader.resolvePaths(ModuleLoader.java:276)
at com.google.javascript.jscomp.deps.ModuleLoader.<init>(ModuleLoader.java:92)
at com.google.javascript.jscomp.Compiler.parseInputs(Compiler.java:1731)
at com.google.javascript.jscomp.Compiler.parse(Compiler.java:995)
at cljs.closure$convert_js_modules.invokeStatic(closure.clj:1680)
at cljs.closure$process_js_modules.invokeStatic(closure.clj:2371)
at cljs.closure$handle_js_modules.invokeStatic(closure.clj:2495)
at cljs.closure$build.invokeStatic(closure.clj:2592)
at cljs.build.api$build.invokeStatic(api.clj:204)
at cljs.build.api$build.invoke(api.clj:189)
at cljs.build.api$build.invokeStatic(api.clj:192)
at cljs.build.api$build.invoke(api.clj:189)
at user$eval24.invokeStatic(build.clj:3)
at user$eval24.invoke(build.clj:3)
at clojure.lang.Compiler.eval(Compiler.java:6927)
at clojure.lang Compiler.load(Compiler.java:7379)
... 11 more
没有生成上述任何期望的文件。
h2. 异常原因。
{{ModuleLoader#resolvePaths}} 产生的异常是由于同一个输入文件（即{{node_modules/d3/d3.js}}）被多次指定给{{Compiler#initModules}}。在{{Compiler#getAllInputsFromModules}}中恰好有这个注释
{code:title=src/com/google/javascript/jscomp/Compiler.java}
// NOTE(nicksantos): 如果一个输入在多个模块中，
// 它将在输入列表中显示两次，然后我们将
// 在后续步骤中遇到错误。
{{cljs.closure/process-js-modules}} 被提供一个包含重复条目 {{node_modules/d3/d3.js}}（以及它的 {{package.json}}）的 {{:foreign-libs}} 向量。这个向量是 {{cljs.closure/node-inputs}} 的多次调用结果；一次是用于 {{out/cljs$node_modules.js}}（这可能是对{{distinct_inputs/core}}的依赖的结果），另一次是用于 {{es6/circle.js}}。
简而言之，D3 的依赖通过 ClojureScript 源文件和 JavaScript 模块源文件同时引进。
h2. 建议解决方案。
在这种情况下，尽管使用了 {{distinct}}，但 {{:foreign-libs}} 向量中仍然包含重复的条目。一个可能的解决方案是删除 {{cljs.closure/node-inputs}} 中的 {{distinct}} 使用，并要求调用者使用 {{distinct}}。
{code:title=解决方案 A}
从 063e35080c14d35189ab7827f25f071e958ab5b4 Mon Sep 17 00:00:00 2001
From: Corin Lawson <
[email protected]>
Date: Tue, 21 Nov 2017 01:31:53 +1100
Subject: [PATCH] CLJS-2402: 确保包含不同元素的 :foreign-libs 向量
条目。
---
| src/main/clojure/cljs/closure.clj | 19 行 ++++++++++---------
1 个文件更改，10 行插入，9 行删除
diff --git a/src/main/clojure/cljs/closure.clj b/src/main/clojure/cljs/closure.clj
index a686f878..74a0cc86 100644
--- a/src/main/clojure/cljs/closure.clj
+++ b/src/main/clojure/cljs/closure.clj
@@ -2219,7 +2219,7 @@
(when env/*compiler*
(:options @env/*compiler*))))
([entries opts]
- (into [] (distinct (mapcat #(node-module-deps % opts) entries)))))
+ (into [] (mapcat #(node-module-deps % opts) entries))))
(defn index-node-modules
([modules]
@@ -2480,14 +2480,15 @@
输出目录 (util/output-directory opts)
opts (update opts :foreign-libs
(fn [libs]
- (into (if (= target :nodejs)
- []
- (index-node-modules node-required))
- (into expanded-libs
- (node-inputs (filter (fn [{:keys [module-type]}]
- (and (some? module-type)
- (not= module-type :amd)))
- expanded-libs))))))
+ (distinct
+ (into (if (= target :nodejs)
+ []
+ (index-node-modules node-required))
+ (into expanded-libs
+ (node-inputs (filter (fn [{:keys [module-type]}]
+ (and (some? module-type)
+ (not= module-type :amd)))
+ expanded-libs)))))))
opts (if (some
(fn [ijs]
(let [dest (io/file output-dir (rel-output-path (assoc ijs :foreign true) opts))]
--
2.13.0
更一般的解决方案是 {{cljs.closure/process-js-modules}} 会确保输入文件集（即 {{js-modules}}）是唯一的。这个补丁会更简单（即不扰乱我不理解的部分）并且更接近调用 Google Closure Compiler。
{code:title=方案 B}
From 6bf11a24b93642e118e6d29c5af8a137fa01ea94 Mon Sep 17 00:00:00 2001
From: Corin Lawson <
[email protected]>
Date: Sun, 19 Nov 2017 20:25:31 +1100
Subject: [PATCH] CLJS-2402: 确保输入源文件是唯一的。
---
src/main/clojure/cljs/closure.clj | 3 ++-
1 个文件更改，2 行插入，1 行删除
diff --git a/src/main/clojure/cljs/closure.clj b/src/main/clojure/cljs/closure.clj
index a686f878..24421bde 100644
--- a/src/main/clojure/cljs/closure.clj
+++ b/src/main/clojure/cljs/closure.clj
@@ -2364,7 +2364,8 @@
(let [;; 从 (编译器选项) 的 :foreign-libs 和 :ups-foreign-libs (deps.cljs) 中的模块
;; 文件一起处理，这样来自两个来源的文件可以相互依赖。
;; 例如，:foreign-libs 中的 commonjs 模块可以依赖于 :ups-foreign-libs 中的 commonjs 模块。
- js-modules (filter :module-type (concat (:foreign-libs opts) (:ups-foreign-libs opts)))]
+ js-modules (filter :module-type (concat (:foreign-libs opts) (:ups-foreign-libs opts)))
+ js-modules (distinct js-modules)]
(if (seq js-modules)
(util/measure (:compiler-stats opts)
"处理 JS 模块"
--
2.13.0
FWIW: 我更喜欢方案 B。
