jsx-control-statements - ReferenceError: Wählen ist nicht definiert

Question

Ich verwende das Knotenmodul jsx-control-statements für React with webpack. Normalerweise funktioniert das großartig, aber wenn ich mein Projekt in einen anderen Ordner kopierte und npm install mit der gleichen package.json wie zuvor ausgeführt habe, scheint jsx-control-statements von webpack nicht erkannt zu werden.

jsx-control-statements soll die Tags im render() entschlüsseln und in react code umwandeln. Das tut es in diesem Fall nicht.

Ich sehe den endgültigen Code im Inspektor ausgeführt, dass "Wählen" wurde nie in gültigen Code transpiliert.

_react2.default.createElement(Choose, null, 

Der Fehler Ich erhalte ist:

Uncaught ReferenceError: Choose is not defined 

webpack.config.js und package.json und meine Quellcode für die App sind unverändert. von einer funktionierenden App und diese neue in einem anderen Ordner.

Ich habe versucht:

• Installation jsx-control-Anweisungen manuell lokal und global.
• Kopieren und Einfügen des gesamten Ordners node_modules aus dem guten Projekt in dieses neue Projekt.
• Run eslint mit eslint-jsx-control-Aussagen Plugin, keine Fehler

das Problem weiterhin besteht. Ich glaube, es ist ein Problem beim Bau des Projekts, aber ich habe keine Ideen, was ich als nächstes versuchen soll.

Answer 1

Das Problem war einfach, wie ich es fühlte. Ich war eine winzige .babelrc Datei fehlt, die ein Plugin Bezug auf jsx-control-Aussagen enthalten

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

Nur müssen diese Datei auf meine Wurzel setzen neben webapck.config.js