0
0

DaisyUIのコンパイルで苦戦した話[Rails7]

Last updated at Posted at 2024-07-04

はじめに

初めまして、現在プログラミングスクールにてRuby on Railsをメインに学習しているikedaと申します。
アプリ制作時にプリコンパイルを忘れて苦戦したのでその備忘録としてまとめようと思います。
初めて記事を書くのでお手柔らかにお願いします。

使用技術

Rails 7.0.8.1
Ruby 3.1.2
docker
Tailwindcss
DaisyUI

daisyUIとは何か

Tailwind CSSをベースとしたコンポーネントライブラリで、わかりやすく言うとTailwind CSSを更に使いやすくするためのもの

Tailwind cssとは

ユーティリティファーストのCSSフレームワークのこと

やりたかったこと

daisyUIのコンポーネントにあるチェックボックスを導入したかった。

問題

daisyUIのコンポーネントのチェックボックスを導入したら色が反映されなかった。

試したこと

docker compose exec web bin/devを実行したが反映されなかった。

原因

daisyUIのコンポーネントのチェックボックスを導入した際、動的に導入されているため、色が当たらなかった。

解決方法

rails assets:precompileを実行して色のデータを更新したらチェックボックスに色が反映された!

おわりに

今回このミスで半日は消費してしまったので、同じ現象に遭遇された方の力になれば幸いです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0