反应(连体衣)-错误不显示在控制台中，除非我尝试/捕捉

Question

我正在用Jumpsuit构建一个webapp，我注意到了一个奇怪的错误。在React中，通常会导致错误被打印到控制台的事情不会这样做，除非我特意将该代码放在try catch块中。

例如，在一个组件的渲染方法中，我有这个：

render () {
    return (
        <div>
            ...
            <div>{this.loadQuestionDropdowns()}</div>
            }
        </div>
    );
}

并且在loadissa tionDropdown（）中，我有这个返回来测试它：

{
    ...
    return <Potato />
}

现在，土豆不是真正的成分，也不是我进口的任何东西。通常，如果您尝试此操作，控制台将显示一个引用错误，表示“未定义马铃薯”。然而，它只是使应用程序崩溃，控制台中没有显示任何内容。如果我将其包装在try-catch块中：

    try {return (<Potato />);}
    catch (e) {console.log(e);}

然后它打印错误:

ReferenceError: Potato is not defined
    at Object.loadQuestionDropdowns (transformData.js:19)
    at Object.render (transformData.js:19)
    at p._renderValidatedComponentWithoutOwnerOrContext (InterceptorManager.js:52)
    at p._renderValidatedComponent (InterceptorManager.js:52)
    at p._updateRenderedComponent (InterceptorManager.js:52)
    at p._performComponentUpdate (InterceptorManager.js:52)
    at p.updateComponent (InterceptorManager.js:52)
    at p.receiveComponent (InterceptorManager.js:52)
    at Object.receiveComponent (createError.js:16)

应用程序会继续运行。我在其他一些场景中也注意到了这种行为。之前用React，Redux，Jumpsuit做过东西，没遇到过这个。我查了一下，似乎promise是可以默默吞下错误的东西，但我在自己的代码中没有使用任何promise，当我通过Jumpsuit更新状态时，我总是捕捉/抛出错误。我的NODE_ENV=development，对于构建，我只使用Jumpsuit的内置构建脚本< code>jumpsuit build。我看过一个帖子，说这是他们的webpack配置的问题，但我不使用webpack，我的package.json设置是:

{
  ...
  "scripts": {
    "build": "jumpsuit build && babel server --out-dir dist/server"
  },
  "dependencies": {
    ...
  },
  "babel": {
    "presets": [
      "es2015",
      "react",
      "stage-2"
    ],
    "plugins": [
      "transform-object-rest-spread"
    ]
  },
  "devDependencies": {
    "babel-cli": "^6.22.2",
    "babel-plugin-transform-object-rest-spread": "^6.22.0",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.22.0",
    "babel-preset-stage-2": "^6.22.0"
  }
}

知道为什么会发生这种行为吗？

Answer 1

似乎这个问题已经在内部问题跟踪者https://github.com/jumpsuit/jumpsuit/issues/3上提出来了

虽然它似乎没有直接在他们的响应中解决它。这在其他redux/反应库中也很明显，即redux-saga。例如：https://github.com/redux-saga/redux-saga/issues/632-虽然它不是完全相同的东西，但它是相关的。

我建议在webpackbin（他们在项目中使用的演示网站）上收集一个最最小的例子，并提交一个问题（或者更好的是，一个PR来修复它）。