gulp.taskを実行しwebpackでjsファイルをビルドさせたい

現在Reactの勉強を始めた初学者です。
標題の通り、jsファイルをビルドさせたいのですが下記エラーで詰まっています。
原因が分かる方がいましたらご教示願います。
宜しくお願いします。

エラー内容

PS C:\Users\ak198\Desktop\react_redux> gulp
[20:16:40] Using gulpfile ~\Desktop\react_redux\gulpfile.js
[20:16:40] Starting 'default'...
[20:16:40] Starting 'compile'...
[20:16:40] Starting 'browser-sync'...
[20:16:40] Starting 'watch'...
[20:16:41] 'compile' errored after 1.13 s
[20:16:41] Error: File not found with singular glob: C:/Users/ak198/Desktop/react_redux/.src/js/app.js (if this was purposeful, use `allowEmpty` option)
    at Glob.<anonymous> (C:\Users\ak198\Desktop\react_redux\node_modules\glob-stream\readable.js:84:17)
    at Object.onceWrapper (events.js:315:30)
    at emitOne (events.js:116:13)
    at Glob.emit (events.js:211:7)
    at Glob._finish (C:\Users\ak198\Desktop\react_redux\node_modules\glob\glob.js:197:8)
    at done (C:\Users\ak198\Desktop\react_redux\node_modules\glob\glob.js:182:14)
    at Glob._processSimple2 (C:\Users\ak198\Desktop\react_redux\node_modules\glob\glob.js:688:12)
    at C:\Users\ak198\Desktop\react_redux\node_modules\glob\glob.js:676:10
    at Glob._stat2 (C:\Users\ak198\Desktop\react_redux\node_modules\glob\glob.js:772:12)
    at lstatcb_ (C:\Users\ak198\Desktop\react_redux\node_modules\glob\glob.js:764:12)
    at RES (C:\Users\ak198\Desktop\react_redux\node_modules\inflight\inflight.js:31:16)
    at f (C:\Users\ak198\Desktop\react_redux\node_modules\once\once.js:25:25)
    at FSReqWrap.oncomplete (fs.js:152:21)
[20:16:41] 'default' errored after 1.14 s
[20:16:41] The following tasks did not complete: browser-sync, watch
[20:16:41] Did you forget to signal async completion?

glupfile.js

const gulp = require("gulp");
const watch = require("gulp-watch");
const plumber = require("gulp-plumber");
const notify = require("gulp-notify");
const browserSync = require("browser-sync").create();
const webpackStream = require("webpack-stream");
const webpackConfig = require("./webpack.config.js");

gulp.task("compile", function () {
  return gulp.src([
    ".src/js/app.js",
  ])
    .pipe(plumber({errorHandler: notify.onError("<%= error.message %>")}))
    .pipe(webpackStream(webpackConfig), null, function(err, stats) {
      if (stats.compilation.errors.length > 0) {
        notify({
          title: "webpack error",
          message: stats.compilation.errors[0].error
        });
      }
    })
    .pipe(gulp.dest("js"))
});

gulp.task("browser-sync", function () {
  browserSync.init({
    server: {
      baseDir: "./"
    }
  });
});

gulp.task("watch", function () {
  watch(["./src/js/**/**.js"], function () {
    gulp.setMaxListeners(["compile"]);
  })
  watch(["./**/*.html", "./js/**.*js"], function () {
    browserSync.reload();
  })
})

gulp.task("default", gulp.series(gulp.parallel("compile", "browser-sync", "watch")));

webpack.config.js

module.exports = {
  /* ビルドの起点となるファイルの設定 */
  entry: './src/js/index.js',
  /* 出力されるファイルの設定 */
  output: {
    path: '/js', // 出力先のパス
    filename: 'bundle.js' // 出力先のファイル名
  },
  module: {
    /* loaderの設定 */
    rules: [
      {
        test: /\.(js|jsx)$/, // 対象となるファイルの拡張子（正規表現可）
        exclude: /node_modules/, // 除外するファイル/ディレクトリ（正規表現可）
        loader: 'babel-loader', // 使用するloader
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  }
};