jsx-control-statements - ReferenceError：未定义选择

Question

我正在使用jsx-control-statements节点模块与Webpack进行React。 通常这很好用，但是当我将项目复制到另一个文件夹并使用与以前相同的package.json运行npm install时，jsx-control-statements似乎没有得到webpack的识别。

jsx-control-statements意味着去掉render（）中的标签并将其转换为代码反应识别。在这种情况下，它没有这样做。

我看到检查器中运行的最终代码“选择”从未被转换为有效代码。

_react2.default.createElement(Choose, null,

我得到的错误是：

Uncaught ReferenceError: Choose is not defined

webpack.config.js和package.json以及我的应用程序源代码未更改。从一个有效的应用程序和另一个文件夹中的这个新应用程序。

我试过了：

• 在本地和全局手动安装jsx-control-statements。
• 将整个node_modules文件夹从好项目复制并粘贴到此新项目中。
• 使用eslint-jsx-control-statements插件运行eslint，没有错误

问题仍然存在。我相信他们是项目建设中的一个问题，但我不知道下一步该尝试什么。

Answer 1

我觉得这个问题很简单。我错过了一个小的.babelrc文件，其中包含对jsx-control-statements

的插件引用

{
    // my babel config here
    "plugins": ["jsx-control-statements"]
}

只需将此文件放在webapck.config.js

旁边的根目录下即可