export defaultが出来ない

Question

Reactのコンパイル環境を、browserifyとbabelifyで構築し、以下のコードをコンパイルしましたが、画面に何もレンダリングされません。

下記の、Sampleクラスをindex.jsの中へ置くと正常に画面にレンダリングされます。
これは、コンパイル環境に依存したトラブルでしょうか・・。
コンパイルエラーはでておりません。

//Sample.js
import {Component} from "react"
export default class Sample extends Component {
  render() {
    return (
      <div className="Sample">
        <h1>Hello world!</h1>
      </div>
    );
  }

//index.js
import ReactDOM from 'react-dom';
import Sample from './Sample';

ReactDOM.render(
  <Sample />,
  document.getElementById('content')
);

//タスクファイル
var gulp = require('gulp');
var config = require('../config');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');

gulp.task('browserify', function() {
  browserify(config.entryFiles.js, {debug: true})
    .transform(babelify)
    .bundle()
    .on("error", function (err) {console.log("ERROR: " + err.message);})
    .pipe(source('App.js'))
    .pipe(gulp.dest(config.destDirs.js))
});

Answer 1

Sample.jsのimport文のところに、Componentの他に「React」も必要です。
import React, {Component} from "react"
これで通るのではないでしょうか。