加载 is-plain-object 传递型 npm 依赖失败

Question

The {{slate}} npm 依赖项依赖于 {{is-plain-object}} 但无法加载。使用以下命令启动一个 REPL:


clojure -m cljs.main -co '{:npm-deps {"react" "15.5.4" "react-dom" "15.5.4" "slate" "0.33.6" "immutable" "3.8.2"} :install-deps true :repl-verbose true}' -d out -r


(注意，在上面的示例中，我们使用了默认的浏览器 REPL；如果您指定了 {{-re node}}，则问题不会发生。

然后，当 REPL 启动并运行后


cljs.user=> (require 'slate)
load-namespace module$private.tmp.test-me.node-modules.slate.lib.slate-es , compiled: ((module$private.tmp.test-me.node-modules.slate.lib.slate-es))
goog.addDependency("../node_modules/slate/lib/slate.es.js", ['module$private.tmp.test-me.node-modules.slate.lib.slate_es'], ['module Aristotle/plain-object', 'module$immutable', 'module$slate_dev_logger', 'module$direction', 'module$esrever', 'module$debug', 'module$lodash$isEqual', 'module$lodash$mergeWith', 'module$slate_schema_violations', 'module$lodash$pick', 'module$lodash$omit', 'module$Aristotle/plain-object']);

goog.require('module$private.tmp.test-me.node-modules.slate.lib.slate_es');
null;

"Error evaluating:" (require (quote slate)) :as "goog.require('module$private.tmp.test-me.node-modules.slate.lib.slate_es');\nnull;\n"
错误：模块 Aristotle/plain-object 未定义 nameToPath
     (out/goog/base.js:1357:26)
     (out/goog/base.js:1369:14)
     (out/goog/base.js:706:27)
     require (out/clojure/browser/repl.cljs:340:25)


注意，它无法加载 {{module$arity$plain_object}}，这通过在 {{out/node_modules/slate/lib/slate.es.js}} 中指定的


goog.require("module$arity$plain_object");


进行了指定。

但是，您可以直接加载该命名空间


cljs.user=> (require 'is-plain-object)
load-namespace module$private.tmp.test-me.node-modules.isobject.index , compiled: ([module$private.tmp.test-me.node-modules.isobject.index] (module$private.tmp.test-me.node-modules.is-plain-object.index))
goog.addDependency("../node_modules/isobject/index.js", ['module$private.tmp.test-me.node-modules.isobject.index'], []);
goog.addDependency("../node_modules/is-plain-object/index.js", ['module$private.tmp.test-me.node-modules.is-plain-object.index'], ['module$private.tmp.test-me.node-modules.isobject.index']);

goog.require('module$private.tmp.test-me.node-modules.is-plain-object.index');
null;


这似乎是由于 Closure 错误地找到模块的正确路径，并且简单地在 中发出 而不是 导致的问题。

Answer 1

评论由：kommen

当前主分支产生了不同的问题。

这些错误现在已被记录。

找不到变量：module

未定义的不是一个对象（评估 'module$Users$kommen$work$clojurescript$node_modules$slate$node_modules$debug$src$debug["default"]')

TypeError: undefined 不是一个构造函数（评估 'new module$Users$kommen$work$clojurescript$node_modules$immutable$dist$immutable.Map')

Juho 建议原始问题实际上可能是 CLJS-2746 的重复。

Answer 2

评论由：mfikes

是的，CLJS-2746 肯定在这个区域。也许这个工单中描述的问题现在已经解决，我们现在遇到了完全不同的问题。

Answer 3

评论由：mfikes

使用当前版本的 Closure Compiler，通过 {{mvn -DskipTests -pl externs/pom.xml,pom-main.xml,pom-main-unshaded.xml}} 构建 unshaded JAR，并依赖它使用

{code:title=deps.edn}
{:deps {org.clojure/clojurescript {:mvn/version "1.10.339"} com.google.javascript/closure-compiler-unshaded {:mvn/version "1.0-SNAPSHOT"}}}
        com.google.javascript/closure-compiler-unshaded {:mvn/version "1.0-SNAPSHOT"}}}


然后你可以在没有错误报告的情况下 {{(require 'slate)}}。 (这对我来说并不是很清楚 Closure 是否正确加载了所有代码；在此之后，我并不清楚你如何使用 Slate，并且导出的对象似乎为空。)

Answer 4

评论由：jumblemuddle

这可能是无关的问题，但如果 npm 模块使用 `process.env.NODE_ENV`，似乎会出现问题。

{code:|title=使用快照 `closure-compiler-unshaded` 启动 REPL}
clj -Sdeps '{:deps {org.clojure/clojurescript {:mvn/version "1.10.339"} com.google.javascript/closure-compiler-unshaded {:mvn/version "1.0-SNAPSHOT"}}}' -m cljs.main -co '{:npm-deps {"emotion" "9.2.4"} :install-deps true :repl-verbose true}' -d out -r


ClojureScript 1.10.339
cljs.user=> (require '[emotion])
load-namespace module$home$garrett$tmp$node-modules$emotion$dist$index-es , compiled: ([module$home$garrett$tmp$node-modules$$emotion$unitless$dist$index-es module$$emotion$unitless module$$emotion$unitless$dist$index-es] [module$home$garrett$tmp$node-modules$$emotion$hash$dist$index-es module$$emotion$hash module$$emotion$hash$dist$index-es] [module$home$garrett$tmp$node-modules$$emotion$stylis$dist$index-es module$$emotion$stylis module$$emotion$stylis$dist$index-es] [module$home$garrett/tmp$node-modules$stylis-rule-sheet$index module$stylis-rule-sheet module$stylis-rule-sheet$index] [module$home$garrett/tmp$node-modules$create-emotion$dist$index-es module$create-emotion module$create-emotion$dist$index-es] [module$home$garrett/tmp$node-modules$$emotion$memoize$dist$index-es module$$emotion$memoize module$$emotion$memoize$dist$index-es] (module$home$garrett/tmp$node-modules$emotion$dist$index-es module$emotion module$emotion$dist$index-es))
goog.addDependency("../node_modules/@emotion/unitless/dist/index.es.js", ['module$home$garrett$$tmp$$node_modules$$emotion$$unitless$$dist$$index_es', 'module$$emotion$$unitless', 'module$$emotion$$unitless$$dist$$index_es'], []);
goog.addDependency("../node_modules/@emotion/hash/dist/index.es.js", ['module$home$garrett$$tmp$$node_modules$$emotion$$hash$$dist$$index_es', 'module$$emotion$$hash', 'module$$emotion$$hash$$dist$$index_es'], []);
goog.addDependency("../node_modules/@emotion/stylis/dist/index.es.js", ['module$home$garrett$$tmp$$node_modules$$emotion$$stylis$$dist$$index_es', 'module$$emotion$$stylis', 'module$$emotion$$stylis$$dist$$index_es'], []);
goog.addDependency("../node_modules/stylis-rule-sheet/index.js", ['module$home$garrett$$tmp$$node_modules$$stylis$$rule_sheet$$index', 'module$$stylis$$rule_sheet', 'module$$stylis$$rule_sheet$$index'], []);
goog.addDependency("../node_modules/create-emotion/dist/index.es.js", ['module$home$garrett$$tmp$$node_modules$$create_emotion$$dist$$index_es', 'module$$create_emotion', 'module$$create_emotion$$dist$$index_es'], ['module$$emotion$$memoize', 'module$$emotion$$unitless', 'module$$emotion$$hash', 'module$$emotion$$stylis', 'module$$stylis$$rule_sheet']);
goog.addDependency("../node_modules/@emotion/memoize/dist/index.es.js", ['module$home$garrett$$tmp$$node_modules$$emotion$$memoize$$dist$$index_es', 'module$$emotion$$memoize', 'module$$emotion$$memoize$$dist$$index_es'], []);
goog.addDependency("../node_modules/emotion/dist/index.es.js", ['module$home$garrett$$tmp$$node_modules$$emotion$$dist$$index_es', 'module$$emotion', 'module$$emotion$$dist$$index_es'], ['module$$create_emotion']);

goog.require('module$home$garrett$$tmp$$node_modules$$emotion$$dist$$index_es');
null;

{code:title=浏览器控制台错误}
index.es.js:11 未能捕获的ReferenceError: process 未定义
    在 index.es.js:11
(匿名) @ index.es.js:11
index.es.js:5 未能捕获的类型错误TypeError: module$home$garrett$$tmp$$node_modules$$create_emotion$$dist$$index_es.default 不是函数
    在 index.es.js:5

Answer 5

评论由：jumblemuddle

关于 `slate`，也存在浏览器控制台错误。
{code:title=REPL}
clj -Sdeps '{:deps {org.clojure/clojurescript {:mvn/version "1.10.339"} com.google.javascript/closure-compiler-unshaded {:mvn/version "1.0-SNAPSHOT"}}}' -m cljs.main -co '{:npm-deps {"react" "15.5.4" "react-dom" "15.5.4" "slate" "0.33.6" "immutable" "3.8.2"} :install-deps true}' -d out -r
ClojureScript 1.10.339
cljs.user=> (require '[slate])

cljs.user=> slate
#js {}
cljs.user=>


{code:|title=浏览器控制台错误}
browser.js:15 未能捕获的类型错误TypeError: (0 , module$home$garrett$$tmp$$node_modules$$slate$$node_modules$$debug$$src$$browser.default.load) 是未定义的函数
    在 browser.js:15
(匿名) @ browser.js:15
isBuffer.js:6 未能捕获的ReferenceError: module 未定义
    在 isBuffer.js:6
(匿名) @ isBuffer.js:6
_nodeUtil.js:5 未能捕获的ReferenceError: module 未定义
    在 _nodeUtil.js:5
(匿名) @ _nodeUtil.js:5
_cloneBuffer.js:6 未能捕获的ReferenceError: module 未定义
    在 _cloneBuffer.js:6
(匿名) @ _cloneBuffer.js:6
slate.es.js:37 未能捕获的类型错误TypeError: module$home$garrett$$tmp$$node_modules$$immutable$$dist$$immutable.Map 不是构造函数
    在 slate.es.js:37

Answer 6

评论由：mfikes

是的，有一个问题（严格来说，这个问题可能会有所不同，因为当我们将迁移到更新的 Closure 版本时，这个工单可能就会被解决），这似乎是在 {{slate}} 模块树内嵌的 {{debug}} 模块和顶层 {{debug}} 模块之间有一些混淆。

Answer 7

评论由：mfikes

Map 构造函数的问题似乎是表示对象涉及一个默认字段

`
cljs.user=> (let [Map (.-Map (.-default js/module$private$(tmp$cljs_2757$node_modules$immutable$dist$immutable)))] (Map.))

对象[Map$$module$private$(tmp$cljs_2757$node_modules$immutable$dist$immutable Map {}]

`

Answer 8

参考：https://clojure.atlassian.net/browse/CLJS-2757（由mfikes报告）