electron-react-boilerplate / electron-react-boilerplate/electron-react-boilerplate

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

Closed
#3,442 2 comments 1 reaction 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
24.3k
Forks
4k
Avg merge
20m
Merged PRs (30d)
4

Description

## Prerequisites

- [x] Using npm
- [x] Using an up-to-date [`main` branch](https://github.com/electron-react-boilerplate/electron-react-boilerplate/tree/main)
- [x] Using latest version of devtools. [Check the docs for how to update](https://electron-react-boilerplate.js.org/docs/dev-tools/)
- [x] Tried solutions mentioned in [#400](https://github.com/electron-react-boilerplate/electron-react-boilerplate/issues/400)
- [x] 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 :

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.