React Router和BrowserSync

Question

我正在学习如何使用react-router和我常用的启动项目使用Gulp和BrowserSync。问题是，当我开始嵌套我的路线时，我的bundle.js没有得到服务并获得404。

以下是我的代码：

gulp.task('build-js', function() {
    return browserify({
      entries: ['./app/src/index.js'],
      transform: babelify
    })
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('./'));
});

gulp.task('init', function() {
    browserSync.init({
        server: {
          baseDir: './',
          middleware: [historyApiFallback()],
          index: 'index.html'
        }
    });
});

React Routes：

<Route path="/" component={App}>
    <IndexRoute component={Home} />
       <Route path="about/page" component={About} />
       <Route path="posts" component={PostsNew} />
</Route>

IndexRoute和帖子工作正常，但是当我去localhost：3000 / about / page时，我得到404说没有找到bundle.js。出于某种原因，控制台显示localhost：3000 / about / bundle.js但事实上，我的bundle.js假设在根文件夹中提供。

有人能告诉我发生了什么事吗？