Laravelにてデフォルトで用意されているvueのコンポーネント「ExampleComponent」を利用しようとしているのに表示されない。
という問題が発生して、それを解決したので、備忘録がてら。
【開発環境】
Laravel:5.8
node(nodebrew):10.16.3
【起こっていたこと】
npm run dev
をターミナルに入力しても、下記のようなエラーが発生してコンパイルが完了しない
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports〜
そのため当然ながら「ExampleComponent」の内容が表示されない。
【原因と解決策】
私の場合、このエラーは以下の手順で解決しました。
① nodebrew のバージョンを下げる(エラー時:v18.13.0 → v10.16.3へ)
② ターミナルで 「npm run dev」を実行
③ ExampleComponentを使いたいファイルにscriptタグを入れる
Laravelのバージョンに合わないnodeを使っていた(?)ことでコンパイルがそもそも行われていませんでした。
なので①②のようにまずはバージョンを合わせてコンパイルしてもらう。
それでもExampleComponentの内容が表示されずにしばらく悩んでいましたが、ただのイージーミスで
③scriptタグを書いてない。ってだけでした( ´Д`)
なのでapp.blade.phpの head部分に書いてあるscriptタグをコピペっ。ってしたら解決。
初心者なので色々間違っているかもですが、誰かの参考になれば幸いです〜。