javascript - 即使我使用非缩小文件，ReactJS 也会出现缩小错误

Question

我正在一个项目中使用ReactJS，并尝试使用ReactCSSTransitionGroup插件(是的，我正在加载react-with-addons.js文件)。以下是我在渲染方法中所做的基础知识:

var menu = this.state.menu ? <p>Here is the menu</p> : null;
return (
    <ReactCSSTransitionGroup
        transitionAppear={true}
        transitionAppearTimeout={100}
        transitionEnterTimeout={100}
        transitionLeaveTimeout={100}
        transitionName="fade">
            {menu}
    </ReactCSSTransitionGroup>
);

这是我的 SCSS 文件:

.fade-enter, .fade-appear {
  opacity: 0;

  &.fade-enter-active, &.fade-appear-active {
      opacity: 1;
      -webkit-transition: opacity 1000ms ease-in-out;
      transition: opacity 1000ms ease-in-out;
  }
}

.fade-leave {
  opacity: 1;

  &.fade-leave-active {
      opacity: 0;
      -webkit-transition: opacity 1000ms ease-in-out;
      transition: opacity 1000ms ease-in-out;
  }
}

菜单将在我第一次调用 this.setState({ menu: true }); 时显示(尽管它不会淡入，它只是显示)，但之后即使我调用 this.setState({ menu: false }); 它不会消失。

令人沮丧的是，我第一次更改 menu 状态时遇到错误，但它给了我一个缩小的错误，即使我有两个 react 的开发版本-with-addons.js 和 react-dom.js

Uncaught Error: Minified exception occurred; use the non-minified dev
environment for the full error message and additional helpful warnings.

我确信如果我收到完整的错误消息，我可以弄清楚我做错了什么，但它给了我通用错误消息，我不知道为什么。

有人见过这个吗？

Answer 1

我使用 gulp 一段时间，但转而使用 webpack，即使我在 webpack 中包含了 React，我仍然在加载外部文件。这最终导致了问题，因为加载了两个版本的 React，所以我只需将 React 的句柄附加到窗口，这样我就可以从其他 javascript 文件访问它，现在一切正常。