即使我正在使用未缩小的文件，ReactJS 也出现缩小错误

ReactJS getting minified error even though I am using the non-minified files

本文关键字：缩小 ReactJS 错误 文件      更新时间：2023-09-26

我正在为一个项目使用 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.

我敢肯定，如果我收到完整的错误消息，我可以找出我做错了什么，但它给了我通用错误消息，我不知道为什么。

以前有人见过吗？

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

相关文章：