結論

これを

application.html.erb

<%= stylesheet_link_tag 'application', 'data-turbolinks-track': 'reload' %>

こうした。

application.html.erb

<%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

背景

DMM WEBCAMPの卒業生コミュニティでDocker環境でチーム開発をして勉強をしていた際に、Rails6にTailwindCSSを導入して開発を進めるタイミングがありました。

Gemのgem 'tailwindcss-rails'を使用して読み込ませていたのですが、何らかの作業ミスか設定が原因で、作業中にCSSが自動で更新されなくなることが起こりました。

コンテナの中に入り、webpackコマンドの実行でコンパイルをするとCSSの修正が反映されるのですが、毎度毎度実行するのは非常に苦でした。

修正方法を調べてみるとwebpack-dev-serverの実行でホットリロードができるようなのですが、もう一つターミナルを立ち上げて実行した結果、掲題のエラーが出ました。

色々調べた結果、なぜか該当のタグがlinkになっており、うまくコンパイルできていなかったので、コンパイル先のファイルを参照できなくなって、Routing Errorが起こっておりました。

なかなか時間を取られてしまったのでまとめてみました。

同様のエラーが出た際は、ぜひチェックしてみてください。