`babel-preset-реакции` не преобразует jsx с глотком

Неважно, что я пытаюсь, что-то вроде <div/> не трансформируется в React.createClass и браузер просто явно задыхается от первого < в моем коде.

Я использую глоток как:

  return gulp.src(files)
     .pipe(babel({
        presets: [ "react", "es2015" ],
        plugins: [ "transform-react-jsx" ]          
      }))
     .pipe(gulp.dest(dest));

Я пробовал с и без transform-react-jsx потому что я верю react пресет должен также преобразовать jsx?

Это мое .babelrc, но это, кажется, не имеет никакого значения, и я где-то читал, что в некоторых случаях вам нужно удалить его, чтобы работать. Пробовал, не помогло.

{
    "presets": [ "react", "es2015" ],
    "plugins": ["transform-react-jsx"]
}

в моем package.json:

"babel": "^6.5.2",
"babel-cli": "^6.8.0",
"babel-plugin-transform-react-jsx": "^6.8.0",
"babel-preset-es2015": "~6.5.0",
"babel-preset-react": "^6.5.0",
"gulp-babel": "~6.1.2",
...

Я пробовал почти все, но это не преобразовывает мой код

1 ответ

Так что, видимо, был gulp-changed шаг между этим сломал. Удаление это исправило это для меня.

Вы могли бы подумать, что это "способно определить, изменились ли файлы в потоке", как говорят документы, но я думаю, что это не так.

Другие вопросы по тегам