今回はTailwindのProduction環境へのデプロイ時のエラーについて簡単にまとめておきたいと思います。
TailwindのProduction環境へのデプロイ時のエラー
エラー内容
ターミナル
#!/bin/bash -eo pipefail
bundle exec rspec
User
ユーザーに関するテスト
有効なユーザーはデータベースに保存される
名前が入力されていないユーザーは保存されない
Users
ユーザー関連ページ
ユーザー一覧ページが正常に表示される (FAILED - 1)
Failures:
1) Users ユーザー関連ページ ユーザー一覧ページが正常に表示される
Failure/Error: <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
ActionView::Template::Error:
Asset `tailwind.css` was not declared to be precompiled in production.
Declare links to your assets in `app/assets/config/manifest.js`.
//= link tailwind.css
and restart your server
# ./app/views/layouts/application.html.erb:8:in `_app_views_layouts_application_html_erb___1742723256328076644_25640'
# :90:in `tap'
# ./spec/system/users_spec.rb:6:in `block (3 levels) in...
（省略）結論から言うと👆のエラー文に書いてあるようにmanifest.jsに記述を追記してあげる必要があります。
以下のようにmanifest.jsの最終行に記述を追加します
app/assets/config/manifest.js
(省略)
//= link tailwind.css # 最終行に追記
もう一度rspecを動かしてみると、正常に動作します。
コード
User
ユーザーに関するテスト
有効なユーザーはデータベースに保存される
名前が入力されていないユーザーは保存されない
Users
ユーザー関連ページ
ユーザー一覧ページが正常に表示される
Finished in 1.47 seconds (files took 1.8 seconds to load)
3 examples, 0 failures
