I can t use TailwindCSS in ViewComponent-allqahome-开发者的问答家园

English 中文(简体)

I can t use TailwindCSS in ViewComponent

原标题：

Nice to meet you, I m Japanese.

I want to apply TailwindCSS in Rails7 View Component, but it doesn t work.

I also changed the settings in tailswind/config.js but it doesn t work.

The views file has been applied (the top string in the image)

Please tell me if you don t mind.

const defaultTheme = require( tailwindcss/defaultTheme )

module.exports = {
  content: [
     ./public/*.html ,
     ./app/helpers/**/*.rb ,
     ./app/javascript/**/*.js ,
     ./app/views/**/*.{erb,haml,html,slim} ,
     ./app/components/**/* 
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: [ メイリオ , ヒラギノ角ゴ Pro W3 , Hiragino Kaku Gothic Pro , Noto Sans JP , ...defaultTheme.fontFamily.sans],
        cabin: [ Cabin Sketch , ...defaultTheme.fontFamily.sans],
      },
      width: {
         50 :  12.5rem ,
         88.5 :  22.125rem ,
         100 :  25rem ,
         160 :  40rem ,
      },
      aspectRatio: {
         4/3 :  4 / 3 ,
         1.91/1 :  1.91 / 1 ,
         3/1 :  3 / 1 ,
         4/1 :  4 / 1 ,
         video :  16 / 9 ,
      },
      maxWidth: {
         100 :  25rem ,
      }
    },
  },
  variants: {
    backgroundColor: [ responsive ,  odd ,  hover ,  focus ],
  },
  plugins: [
    require( @tailwindcss/forms ),
    require( @tailwindcss/aspect-ratio ),
    require( @tailwindcss/typography ),
  ]
}

app/components/header/component.html.erb

<div class="text-red-500">Add Footer template here</div>

app/components/header/component.rb

# frozen_string_literal: true

class Footer::Component < ViewComponent::Base

end

enter image description here

I want to apply TailwindCSS in Rails7 View Component, but it doesn t work.

I also changed the settings in tailswind/config.js but it doesn t work.

The views file has been applied (the top string in the image)

Please tell me if you don t mind.

问题回答

暂无回答

上一篇：无法将变数设定在 for形体内的价值(变数已申报)。 C#

下一篇：无法连接到服务器数据库系统的启动包的无效长度已被关闭, 收到快速关闭请求( pgadmin postgres docker)

相关问题

rails collection_select vs. select

collection_select and select Rails helpers: Which one should I use? I can t see a difference in both ways. Both helpers take a collection and generates options tags inside a select tag. Is there a ...

SSL slowness in EC2

We ve deployed our rails app to EC2. In our setup, we have two proxies on small instances behind round-robin DNS. These run nginx load balancers for a dynamically growing and shrinking farm of web ...

Auth-code with A-Za-z0-9 to use in an URL parameter

As part of a web application I need an auth-code to pass as a URL parameter. I am currently using (in Rails) : Digest::SHA1.hexdigest((object_id + rand(255)).to_s) Which provides long strings like : ...

RubyCAS-Client question: Rails

I ve installed RubyCAS-Client version 2.1.0 as a plugin within a rails app. It s working, but I d like to remove the ?ticket= in the url. Is this possible?

activerecord has_many :through find with one sql call

I have a these 3 models: class User < ActiveRecord::Base has_many :permissions, :dependent => :destroy has_many :roles, :through => :permissions end class Permission < ActiveRecord::...

Ordering a hash to xml: Rails

I m building an xml document from a hash. The xml attributes need to be in order. How can this be accomplished? hash.to_xml

Text Editor for Ruby-on-Rails

guys which text editor is good for Rubyonrails? i m using Windows and i was using E-Texteditor but its not free n its expired now can anyone plese tell me any free texteditor? n which one is best an ...

How to get SQL queries for each user where env is production

I’m developing an application dedicated to generate statistical reports, I would like that user after saving their stat report they save sql queries too. To do that I wrote the following module: ...

热门标签

友情链接

Allggapp Alljchome-教程家园 mvfinale.com-影视剧情大结局大全