jsx-control-statements - ReferenceError: Choose не определен

Question

Я использую модуль узла jsx-control-statements для React with webpack. Обычно это отлично работает, но когда я копировал свой проект в другую папку и запускал npm install с использованием того же пакета. Json, как и раньше, jsx-control-statements, похоже, не распознается webpack.

jsx-control-statements предназначен для десурации тегов в render() и превращения их в распознавание кода. Это не делает этого в этом случае.

Я вижу, что конечный код, запущенный в инспекторе, «Choose» никогда не переводился в действительный код.

_react2.default.createElement(Choose, null, 

Ошибка я получаю:

Uncaught ReferenceError: Choose is not defined 

webpack.config.js и package.json и мой исходный код для приложения неизменны. из рабочего приложения и нового в другую папку.

Я попытался:

• установка JSX-Control-операторы вручную локально, так и на глобальном уровне.
• копирование и вставка всей папки node_modules из хорошего проекта в этот новый проект.
• Run eslint с eslint-JSX-Control-отчетности плагин, без ошибок

Тем не менее проблема. Я считаю, что это проблема в строительстве проекта, но я не в курсе, что попробовать дальше.

Answer 1

Вопрос был прост, как я и думал. Я пропускал крошечное .babelrc файл, который содержит ссылку на плагин JSX-Control-заявление

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

Просто нужно поместить этот файл в моем корневом каталоге рядом с webapck.config.js