サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年7月2日 16:33
わいひらさん、お久しぶりです。現在Cocoonを利用していないサイトで/cocoon-service-worker.jsというページが存在しています。
https://car-repo.jp/cocoon-service-worker.js
できればこちらを消す方法があれば知りたいです。
また、Cocoonのテーマは消去済みです。その他Cocoonファイルが残る場合にはどちらに入るものなのかわかれば知りたいです。
2021年7月2日 20:02
その他Cocoonファイルが残る場合にはどちらに入るものなのかわかれば知りたいです。
あるとしたらWordpressのインストールフォルダかと思います。
トピックスターター 2021年7月2日 22:21
わいひらさん、ありがとうございます。今後もcocoon使うサイトもあるので宜しくお願い致します。
ちなみに現在使用中のサイトにはキャプチャーの様な「cocoon-service-worker」「cocoon-manifest」「cocoon-htaccess」などはないのですがどこかのバージョンや設定でできてしまったのでしょうか？
2021年7月3日 23:54
ちなみに現在使用中のサイトにはキャプチャーの様な「cocoon-service-worker」「cocoon-manifest」「cocoon-htaccess」などはないのですがどこかのバージョンや設定でできてしまったのでしょうか？
「cocoon-service-worker」「cocoon-manifest」はPWA。
「cocoon-htaccess」は、高速化設定のブラウザキャッシュ設定かとおそらく思われます。
トピックスターター 2021年9月10日 17:31
返信ありがとうございます。
あれから、cocoon-service-worker.jsのファイルを消すなどしたのですが
PWAがどこかにあるためか、常にcocoon-service-worker.jsのエラーが出続けます。
改善する方法はありますでしょうか？
[Fri Sep 10 16:44:38.114581 2021] [core:error] [pid 143174] [client 114.164.225.95:0] AH00126: Invalid URI in request 'index.php' 'GET /cocoon-service-worker.js HTTP/1.1', referer: https:// .jp/cocoon-service-worker.js
となります。
PWAの知識がないので消したりしないとダメなのでしょうか？
現状テーマはSWELLを使用しています。
2021年9月10日 19:39
今までサイトを表示させたことがないブラウザーはありますでしょうか？
あれば、そのブラウザとかでもエラーメッセージは表示されますか？
まずこちらを確認していただいてよろしいでしょうか。
2023年11月21日 14:02
横から失礼します。私も同じエラーが出ます。PWA化したいのでService Workerは消したくありません。PWAを無効にするとこのエラーは消えます。
cocoon設定に（非推奨）と表示されていますが、他のPWAプラグインを使っても相性が良くないという事でしょうか？
それから、添付画像に表示されているAPIエラーですが、こちらは恐らくプッシュ通知のものかとは思うのですが、ソースに表示されているのがService Wokerエラーと同じなのが気になっています。
下記Service Workerエラーに表示されているリンク先です。
こちらはAPIエラーのリンク先です。
【追記】
アイコンは512×512で設定しています。
この投稿は1年前ずつkikichanに変更されました
2023年11月21日 15:27
【追記】
デベロッパーツールで調べた結果です。マニフェストにも問題がありそうです。
INSTALLABLE
Web app manifest or service worker do not meet the installability requirements 1 reason
Service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. With proper service worker and manifest implementations, browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. Learn more about manifest installability requirements.
|
Failure reason |
|
Page has no manifest <link> URL |
PWA OPTIMIZED
Is not configured for a custom splash screenFailures: No manifest was fetched.
A themed splash screen ensures a high-quality experience when users launch your app from their homescreens. Learn more about splash screens.
Does not set a theme color for the address bar.Failures: No manifest was fetched, No `<meta name="theme-color">` tag found.
The browser address bar can be themed to match your site. Learn more about theming the address bar.
Content is sized correctly for the viewport
Has a <meta name="viewport"> tag with width or initial-scale
Manifest doesn't have a maskable iconNo manifest was fetched
ADDITIONAL ITEMS TO MANUALLY CHECK (3)
Hide
Site works cross-browser
Page transitions don't feel like they block on the network
Each page has a URL
These checks are required by the baseline PWA Checklist but are not automatically checked by Lighthouse. They do not affect your score but it's important that you verify them manually.
- Captured at Nov 21, 2023, 3:19 PM GMT+9
- Emulated Moto G Power with Lighthouse 11.1.0
- Single page load
- Initial page load
- Slow 4G throttling
- Using Chromium 119.0.0.0 with devtools
Generated by Lighthouse 11.1.0 | File an issue
Drawer hidden
2023年11月21日 16:07
こちらcocoon設定のpwaを無効化して、他のpwaプラグインを入れることで自己解決しました。
スプラッシュ画像の背景やテーマカラー、スプラッシュ画像、オフライン表示の記述がマニフェストに必要なのかと思われます。
APIエラーの方は相変わらず表示されてますが、新しく作成されたService Wokerを見ると下記の記述があったのでpwaの問題は解消されました。
importScripts( 'https://ドメイン/wp-content/plugins/onesignal-free-web-push-notifications/sdk_files/OneSignalSDKWorker.js.php' );
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。