問題タブ [gulp-imagemin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
gulp - サービスワーカーでwebp画像をキャッシュする方法は?
次のコードでgulpを使用して、画像の縮小とwebpへの変換を行っています。
コンソールに次のエラーが表示されます。
コンソール エラーが Service Worker を指しているため、Service Worker を変更する必要がありますか??
jpg 画像の拡張子を webp に変更しようとしましたが、それもうまくいきませんでした。私はいくつかのクエリを持っています:
- jpg 画像のみのエラーが発生するのは、これらの画像が API から取得されているためですか?
- gulpの縮小と変換後にService Workerですべての画像形式のキャッシュを処理する方法は?
これを整理するのを手伝ってください。私はここでとても混乱しています。良いリソースを教えていただければ、とても助かります!!
編集1：
更新された serviceworker.js コード `
` gulp タスクが正常に実行され、タスクを実行しても問題はありません
[09:10:50] gulpfile gulpfile.js の使用
[09:10:50] 「縮小画像」を開始しています...
[09:10:51] gulp-imagemin: 縮小された 18 画像 (保存 12.84 kB - 6.6%)
[09:10:51] 108ミリ秒後に「縮小画像」を終了
クロムヘッダー
リクエスト URL: http://localhost:8000/img/6
リクエスト方法: GET ステータスコード: 404 Not Found (ServiceWorker から)
リモートアドレス: 127.0.0.1:8000
リファラー ポリシー: no-referrer-when-downgrade
接続: キープアライブ
コンテンツの長さ: 0
日付: 2018 年 11 月 16 日 (金) 13:43:03 GMT
サーバー: ecstatic-3.2.2 暫定ヘッダーが表示されます
リファラー: http://localhost:8000/
ユーザーエージェント: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N)
AppleWebKit/537.36 (Gecko のような KHTML) Chrome/70.0.3538.102 モバイル Safari/537.36
node.js - 大量のファイルを縮小しようとすると、Gulp Imagemin "MaxBufferError: stdout maxBuffer exceeded" が発生する
MaxBufferError: stdout maxBuffer exceeded大量のファイルを縮小しようとすると、Gulp Imagemin エラーが発生します (230)。一度に 40 ～ 50 個のファイルを縮小すると、タスクが実行されます。
バッファを増やすにはどうすればよいですか? または、タスクの中断を停止しますか?
ノード バージョン 14.5、gulp バージョン 4.0.2、gulp-imagemin バージョン 7.1.0。