経緯
現在、独学でRails7でポートフォリオを作成している初学者です。Windowsでdocker toolboxを利用してアプリを開発しています。しかし、今回環境構築にあたりエラーが発生したものの、なんとかRails7(sprockets-rails, importmap-rails, cssbundling-rails)を利用したVue.js, tailwindcss が動作する環境を構築できたので、備忘録的に書き残します。フロントエンド周辺について
rails7 ではrails tutorial でも採用されていたWebpackerの開発が終了したことや、トランスパイルが不要な選択肢が現れるなど、アセットパイプライン関連の変更点が多いように思った。私は経緯で述べたGemを利用したが、他の組合せはWindows周辺の知識不足により消去法で諦めた。組合せや全体像の理解ではこの記事が最も分かりやすかったです。Rails 7.0 で標準になった importmap-rails とは何なのか？ (zenn.dev)
※一点気になったのが、参考記事2に書かれていた、./bin/importmap/pinコマンドでモジュールを指定した際に、自動で設定された取得先URLでは動作せず、手動で動作するURLを設定する必要があったことです。これには自分も少しハマりました..。
Windows関連の不具合について
※不要な方は読み飛ばして下さい- CRLFによる不具合 : rails g controller でroutes.rbにroutingが追記されない。これは、改行コードがWindowsとLinux 環境で異なることによる改行コードの変換エラーでした。明確な解決方法は未だ分かっておりませんが、rails g コマンドの実行前にVSCodeの改行コード設定を変えて突貫工事としています。
- virtualbox のDNSエラー : yarn 関連のコマンドでExit code 127のエラーが発生し、JSパッケージをインストールできない状況に陥りました。これにより, jsbundling-railsの利用を諦めました。 エラー関連記事
参考にした記事一覧
- これらの記事には大変お世話になりました。railsのgithubでアセットパイプライン関連のGemを読み込む前、全体像の理解に役立ちました。何か内容の誤りやwindowsエラーに関するアドバイスございましたら、ご指摘いただけますと幸いです。