経緯

現在、独学で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エラーに関するアドバイスございましたら、ご指摘いただけますと幸いです。