現在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'] } } ] } };
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/02/16 12:30 編集
2019/02/16 13:01
2019/02/16 13:08 編集
2019/02/16 13:14