影响:1.9.1033+
以下是我这里的一个最小复现仓库:
https://github.com/au-phiware/cljs-2818
2. 问题描述
在 CLJS-2389 中更新 Closure 编译器之前,使用 {{export { x as y } from './x'}} 或 {{export { default as y } from './x'}} 语法的 ES6 模块编译正确。其他形式的语法,如 {{export { default } from './x'}}, 则不正确。
从 1.9.1033 版本开始,编译器不再发出 {{goog.require}} 语句,也不会在 {{cljs_deps.js}} 中发出一组完整的 {{goog.addDependency}} 语句。
2. 重复问题的步骤
考虑以下源文件
{code:title=src/foo/core.cljs|language=clojure}
(ns foo.core (:require [hello :refer [helloGreet]]))
^(:export sayHello)
(helloGreet "World"))
(sayHello)
{code:title=es6/hello.js|language=javascript}
export {
default as helloGreet
} from "./greet";
{code:title=es6/greet.js|language=javascript}
export default function greet(m) {
document.write("\nHello, " + m);
};
{code:title=build.clj|language=clojure}
(require 'cljs.build.api)
(cljs.build.api/build
"src"
{:main 'foo.core
:output-to "target/main.js"
:output-dir "target/main.out"
:asset-path "main.out"
:foreign-libs [{:file "es6/hello.js"
:provides ['hello]
:module-type :es6}]
:verbose true
:npm-deps {"@cljs-oss/module-deps" "*"}
:install-deps true})
执行 {{cljs}}
java -cp cljs.jar:src clojure.main build.clj
2. 预期结果
{{cljs}} 应当干净退出并写入以下文件(大致如此)。
{code:title=target/main.out/cljs_deps.js|language=javascript}
goog.addDependency("base.js", ['goog'], []);
goog.addDependency("../cljs/core.js", ['cljs.core'], ['goog.string', 'goog.Uri', 'goog.object', 'goog.math.Integer', 'goog.string.StringBuffer', 'goog.array', 'goog.math.Long']);
goog.addDependency("../process/env.js", ['process.env'], ['cljs.core']);
goog.addDependency("../es6/greet.js", ['module$usr$src$es6$greet'], []);
goog.addDependency("../es6/hello.js", ['module$usr$src$es6$hello'], ['module$usr$src$es6$greet']);
goog.addDependency("../foo/core.js", ['foo.core'], ['cljs.core', 'module$usr$src$es6$hello']);
{code:title=target/main.out/es6/hello.js|language=javascript}
goog.provide("module$usr$src$es6$hello");
goog.require("module$usr$src$es6$greet");
module$usr$src$es6$hello.helloGreet=module$usr$src$es6$greet["default"]
3. 实际结果
{{cljs_deps.js}} 缺少 {{es6/greet.js}} 依赖
{code:title=target/main.out/cljs_deps.js|language=javascript}
goog.addDependency("base.js", ['goog'], []);
goog.addDependency("../cljs/core.js", ['cljs.core'], ['goog.string', 'goog.Uri', 'goog.object', 'goog.math.Integer', 'goog.string.StringBuffer', 'goog.array', 'goog.math.Long']);
goog.addDependency("../process/env.js", ['process.env'], ['cljs.core']);
goog.addDependency("../es6/hello.js", ['module$usr$src$es6$hello'], []);
goog.addDependency("../foo/core.js", ['foo.core'], ['cljs.core', 'module$usr$src$es6$hello']);
{{es6/hello.js}} 文件缺少 {{goog.requires}} 语句
{code:title=target/main.out/es6/hello.js|language=javascript}
goog.provide("module$usr$src$es6$hello");
var module$usr$src$es6$hello={get helloGreet(){return module$usr$src$es6$greet["default"]}}
此外,浏览器控制台显示
>>>> module$usr$src$es6$hello.helloGreet
hello.js:2 未捕获的引用错误:module$usr$src$es6$greet 未定义
在 Object.get helloGreet [as helloGreet](hello.js:2)处
在 <匿名>:1:65
h2. 尝试的解决方案
明确地将 {{:requires}} 选项添加到 {{es6/hello.js}} {{:foreign-libs}} 条目中并没有解决这个问题(使用整个 {{es6}} 目录的条目或使用 npm 模块,例如 d3-scale 也不行)。将 {{[greet]}} 添加到 {{foo.core}} 的 requires 中也没有解决问题。