TailwindのProduction環境へのデプロイ時のエラー

今回は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

Leave a Reply

Your email address will not be published.

CAPTCHA