"link rel=preload must have a valid `as` value"の解決
<link rel=preload> must have a valid `as` value
コンソールログに現れた警告。
🙃😲🥹
なんだか、基礎的なところを忘れているっぽい。
Warrningの意味
タグに「rel=preload」を設定しているが、「as」属性が存在しない。
rel属性にpreloadを指定している場合、as属性は必須だそうです。
解決方法
メッセージのまま、as属性を設定してあげればよいです。
実際にこの警告が出た際に対象のコードを見るとas属性がなかったため、適切に設定を行い解決しました。
audio 「audio要素で指定された音声ファイル」
document 「frame要素やiframe要素で指定されたHTML文書」
embed 「embed要素で指定されたリソース」
fetch 「フェッチまたはXHRで指定されたリソース」
font 「CSSの@font-faceで指定されたフォントファイル」
image 「picture要素やimg要素で指定された画像ファイル」
object 「object要素で指定されたリソース」
script 「script要素などで指定された外部スクリプト」
style 「link要素で指定されたスタイルシート」
track 「track要素で指定された動画ファイル」
video 「video要素で指定された動画ファイル」