eval (babel.transform ('<div>gf</div>') .code) lance inattendue jeton

Question

Je suis en train de faire cette mauvaise chose dans mon application réagir

import babel from 'babel-core' 

const MyComponent = eval(babel.transform('<div>gf</div>').code) 

Cependant je reçois cette erreur

Uncaught SyntaxError: unknown: Unexpected token (1:0) 
> 1 | <div>gf</div> 
    |^

J'ai installé ces paquets

"babel-core": "^6.25.0", 
"babel-preset-react": "^6.24.1", 

Mais toujours obtenir l'erreur, avez-vous une idée pourquoi cela se produit-il? Merci d'avance.

Answer 1

Vous devez dire Babel utiliser le préréglage react:

const MyComponent = eval(babel.transform('<div>gf</div>', { presets : [ 'react' ] }).code) 

(qui peut également nécessiter l'importation react)