備忘録で書きます。
いいいね機能実装し、jQueryで非同期処理を行いました。
最初はエラーも出ず順調順調でしたが、、、
jQueyで非同期が完了した後のこと...
javascriptファイルを独自に作成
application.jsに
:
import "jQuery";
import "sample.js";
:
のような形で記述していました。
jqueryと独自のjavascriptファイルが何やら邪魔をしていたようで一旦、import"sample.js"の記述を削除しました。
すると、エラーも出ずに元どおりになりました。
まだ個人的な問題は解決せずつまずいていますが、Turbolinks関連や、htmlのレスポンスの詳細などに加えて、Webpack関連も少ししれたのでもっと勉強していきたいと思います。
下記の記事を教えて頂いた@mochi_yu2さん。本当にありがとうございます。
参考
https://qiita.com/fujishiro380/items/12e39ec85f162ce6b3c8
https://qiita.com/mamosan/items/ff336b5cc0a1a95e03a7
https://ja.javascript.info/onload-ondomcontentloaded