結論
これを
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が起こっておりました。
なかなか時間を取られてしまったのでまとめてみました。
同様のエラーが出た際は、ぜひチェックしてみてください。