eval (babel.transform ('<div>gf</ div>').code) выбрасывает неожиданный токен

Question

Я пытаюсь сделать это плохо в моем приложении реакции

import babel from 'babel-core'

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

Однако я получаю эту ошибку

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

Я установил эти пакеты

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

Но все равно получите ошибку, у вас есть идея, почему это происходит? Заранее спасибо.

Answer 1

Вы должны сказать Вавилону использовать react предустановка:

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

(что также может потребовать импорта react)