EGO-LOG

４０代２児の父。主にプログラム学習と開発、仮想通貨、メタバース、たまに関係ないことを綴る。

Laravel投稿サイト構築.66～jQuery導入（解決）

Laravel PHP

■前回

詳細画面で対象データにスクロールを合わせる対応で、

jQueryを導入する必要があったので設定してみたがエラーで中断。

 

そもそもjQuery入ってなかった、Laravelなら初期から有効になってるのだと思い込んでいたのが落とし穴。

 

■webpack.mix.jsの再修正

編集の仕方が悪かった模様。

 

編集前

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .sourceMaps();

 

編集後

mix.js('resources/js/app.js', 'public/js')
    .js( 'resources/js/xxxx.js', 'public/js' )
    .autoload( {"jquery": [ '$', 'window.jQuery' ] } )
    .sass('resources/sass/app.scss', 'public/css')
    .sourceMaps();

 

これで npm run dev　でビルドしたら、public/js　にスクリプトが出力された。

 

■動作確認

階層の深い返信を選択すると、画面表示時にそこへスクロールされることを確認できた。

 

■宿題

短いが今日はここまで。

 

直近の宿題は

  • テーマと返信で枠を分けて表示
  • 返信のインデントを分かりやすく
  • PCとスマホでの表示確認

 

一旦Herokuに修正版をアップする手順を確認したいので

次回は修正版の公開からやってみたいと思います。

 

続く