gulp-babel@8 babel@7 can not transform jsx to js

[zengkan0703]

Hello，I have some problem when I update babel and gulp-babel to the latest, I can`t transform jsx to js.

This is my gulpfile.js:

const gulp        = require('gulp');
const babel       = require('gulp-babel');
const sass        = require('gulp-sass');
const sourcemaps  = require('gulp-sourcemaps');
...
gulp.task('bable', function(){
  return gulp.src(['./src/**/*.js', './src/**/*.jsx'])
    .pipe(babel())
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist'))
});
...
gulp.task('default', ['bable', ...]);

This is my package.json:

...
 "@babel/core": "^7.1.5",
    "@babel/plugin-proposal-export-default-from": "^7.0.0",
    "@babel/plugin-syntax-export-default-from": "^7.0.0",
    "@babel/plugin-transform-react-jsx": "^7.0.0",
    "@babel/preset-env": "^7.1.5",
    "@babel/preset-react": "^7.0.0",
    "gulp-babel": "^8.0.0",
    "babel-eslint": "^7.2.3",
    "babel-loader": "^8.0.4",
...

This is my .babelrc:

 {
	"presets": ["@babel/preset-env", "@babel/preset-react"],
	"plugins": [
		"@babel/plugin-syntax-export-default-from",
		"@babel/plugin-proposal-export-default-from",
		"@babel/plugin-transform-react-jsx"
	]
}

when I run gulp, I got this

The jsx-type-file did not be compiled, I want to know what should I modify my code can get corret result. I would be very happy if someone can help me.

Thanks.

[loganfsmyth]

I don't see anything obviously wrong with your code. Would you be able to make a small repository that recreates the issue?

[lanyuechen]

Oh, I have figure out what the problem it is. The *.jsx file use static property in the class, so the .babelrc file should config the plugins of @babel/plugin-proposal-class-properties, just like the below:

{
	"presets": ["@babel/preset-env", "@babel/preset-react"],
	"plugins": [
		"@babel/plugin-syntax-export-default-from",
		"@babel/plugin-proposal-export-default-from",
		["@babel/plugin-proposal-decorators", {"legacy": true}],
		"@babel/plugin-proposal-class-properties"
	]
}

[zengkan0703]

@lanyuechen you are right, thank you, this is exactly what I need.
@loganfsmyth Thank you anyway, I have resolved this problem by @lanyuechen .
But I am a litte bit confused why babel dose not throw any error or warning when I use unsupported property in my code.

[loganfsmyth]

Yeah, I don't think our default error reporting is very good right now. We have #121 filed to explore that more, but there hasn't been anything real done.

[zengkan0703]

@loganfsmyth Thank you anyway, I will close this issue soon, have a nice day.