現象
manifest.json が Manifest: Line: 1, column: 1, Syntax error. というエラーを発生。
manifest.json の構文エラーかと思い構文チェックを行ったがエラーなし…
原因
ベーシック認証がかかっていると発生。
解決方法
MDNのウェブアプリマニフェストページに以下の記載がありました。
注: マニフェストのアクセスに資格情報が必要な場合は、マニフェストファイルが現在のページと同じオリジンにあったとしても、 crossorigin 属性を use-credentials に設定する必要があります。
どうやらベーシック認証のせいで manifest.json へアクセスできないようです。
html の manifest.json を読み込んでいる <link> 要素に crossorigin="use-credentials" を追加する。
html
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
これでエラーが表示されなくなりました