Skip to content

Importing tailwind without config as per the docs doesn't seem to work #3442

@austinthetaco

Description

@austinthetaco

Prerequisites

  • Using npm
  • Using an up-to-date main branch
  • Using latest version of devtools. Check the docs for how to update
  • Tried solutions mentioned in #400
  • For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

Expected Behavior

Tailwind works when imported

Current Behavior

tailwind is not working. I've imported it and then added tailwind classes but they aren't being applied

Steps to Reproduce

using the base boilerplate, per the docs I ran the npm install tailwindcss command as well as imported in the renderer App.tsx file import "tailwindcss/tailwind.css";

as you can see in the image a class is set on the div but not being applied by tailwind

image

Possible Solution (Not obligatory)

Context

Your Environment

  • Node version : LTS
  • electron-react-boilerplate version or branch : latest
  • Operating System and version : Mac OS
  • Link to your project :

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions