_评论者:phiware_
步骤二:重现问题的步骤。
考虑以下三个源文件
{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
实际输出。
{{cljs}}退出时返回退出码1并产生以下标准输出。
{code:none|title=stdout}
在“main”线程中发生异常
java.lang.IllegalArgumentException: 解析后重复的模块路径:/distinct_inputs/node_modules/d3/d3.js,编译:(//distinct_inputs/build.clj:3:1)
在clojure.lang.Compiler.load(Compiler.java:7391)
在clojure.lang.Compiler.loadFile(Compiler.java:7317)
在clojure.main$load_script.invokeStatic(main.clj:275)
在clojure.main$script_opt.invokeStatic(main.clj:335)
在clojure.main$script_opt.invoke(main.clj:330)
在clojure.main$main.invokeStatic(main.clj:421)
在clojure.main$main.doInvoke(main.clj:384)
在clojure.lang.RestFn.invoke(RestFn.java:408)
在clojure.lang.Var.invoke(Var.java:379)
在clojure.lang.AFn.applyToHelper(AFn.java:154)
在clojure.lang.Var.applyTo(Var.java:700)
在clojure.main.main(main.java:37)
由以下原因引起:java.lang.IllegalArgumentException: 解析后重复的模块路径:/distinct_inputs/node_modules/d3/d3.js
在com.google.javascript.jscomp.deps.ModuleLoader.resolvePaths(ModuleLoader.java:276)
在com.google.javascript.jscomp.deps.ModuleLoader.<init>(ModuleLoader.java:92)
在com.google.javascript.jscomp.Compiler.parseInputs(Compiler.java:1731)
在com.google.javascript.jscomp.Compiler.parse(Compiler.java:995)
在cljs.closure$convert_js_modules.invokeStatic(closure.clj:1680)
在cljs.closure$process_js_modules.invokeStatic(closure.clj:2371)
在cljs.closure$handle_js_modules.invokeStatic(closure.clj:2495)
在cljs.closure$build.invokeStatic(closure.clj:2592)
在cljs.build.api$build.invoke(api.clj:204)
在cljs.build.api$build.invoke(api.clj:189)
在cljs.build.api$build.invoke(api.clj:204)
在cljs.build.api$build.invokeStatic(api.clj:192)
在user$eval24.invokeStatic(build.clj:3)
在user$eval24.invoke(build.clj:3)
在clojure.lang.Compiler.eval(Compiler.java:6927)
在clojure.lang.Compiler.load(Compiler.java:7379)
... 11 more
无任何预期文件生成。
异常产生原因。
{{ModuleLoader#resolvePaths}}发射的异常是由于相同的输入文件(即{{node_modules/d3/d3.js}})被多次指定给{{Compiler#initModules}}。{{Compiler#getAllInputsFromModules}}中有以下备注:
{code:title=src/com/google/javascript/jscomp/Compiler.java}
// 备注(nicksantos): 如果一个输入在多个模块中,
// 它将在输入列表中出现两次,然后我们将
// 在接下来的步骤中获得错误。
{{cljs.closure/process-js-modules}}提供了一个{{:foreign-libs}}向量,其中包含对{{node_modules/d3/d3.js}}的重复条目(以及它的{{package.json}})。这个向量是{{cljs.closure/node-inputs}}多次调用的结果;一次是针对{{out/cljs$node_modules.js}}(这可能是{{distinct_inputs/core}}中的依赖项的结果),再次是针对{{es6/circle.js}}。
简而言之,D3的依赖项是由ClojureScript源文件和JavaScript模块源文件拉取的。
在此场景中,尽管在{{cljs.closure/node-inputs}}中使用了{{distinct}},但{{:foreign-libs}}向量中仍包含重复条目。一种可能的解决方案是移除{{cljs.closure/node-inputs}}中的{{distinct}},并要求调用{{cljs.closure/node-inputs}}的调用者使用{{distinct}}。
{code:title=方案A}
从 063e35080c14d35189ab7827f25f071e958ab5b4 Mon Sep 17 00:00:00 2001
作者:Corin Lawson <
[email protected]>
日期:Tue, 21 Nov 2017 01:31:53 +1100
主题:[补丁] 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 [库s]
- (into (if (= 目标 :nodejs)
- []
- (index-node-modules 节点所需的)))
- (into 扩展库s
- (节点输入s (filter (fn [{:keys [模块类型]}]
- 有一种模块类型
- 不等于 :amd)
- 扩展库s))))))
+ (distinct
+ (into (if (= 目标 :nodejs)
+ []
+ (index-node-modules 节点所需的)))
+ (into 扩展库s
+ (节点输入s (filter (fn [{:keys [模块类型]}]
+ 有一种模块类型
+ 不等于 :amd)
+ 扩展库s)))))))
opts (if (some
(fn [ijs]
(let [dest (io/file 输出目录 (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
作者: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 file changed, 2 insertions(+), 1 deletion(-)
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。