`babel-preset-react`没有用gulp转换jsx

发布时间：2020-12-15 09:34:19 所属栏目：百科来源：网络整理

导读：无论我尝试什么,像 div /没有被转换为React.createClass,浏览器显然只是在第一个在我的代码中. 我正在使用gulp： return gulp.src(files) .pipe(babel({ presets: [ "react","es2015" ],plugins: [ "transform-react-jsx" ] })) .pipe(gulp.dest(dest)); 我

无论我尝试什么,像< div />没有被转换为React.createClass,浏览器显然只是在第一个<在我的代码中. 我正在使用gulp：

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

我已经尝试过使用和不使用transform-react-jsx,因为我相信反应预设也应该改变jsx？

这是我的.babelrc,但它似乎没有任何区别,我在某处读到某些情况下你需要删除它才能工作.尝试过,没有帮助.

{
    "presets": [ "react","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",...

我已经尝试过任何事情,但它并没有改变我的代码

解决方法

显然,在它之间有一个改变了一步的步骤打破了它.删除它修复它为我.

您认为它“能够检测到流中的文件是否发生了变化”,就像文档所说的那样,但我想情况并非如此.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!