question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Falsy values in tailwind config trigger class not found

See original GitHub issue

Hello there,

First of all, thanks for this library. Even though it’s still young, it is showing promising things and I’m eager to see future releases !

I’m posting due to a weird issue I’m encountering on my GatsbyJS project. I have setup a project as stated in the docs, and am using Twin with Emotion.

I’ve customized the “inset” section of my Tailwind theme as is : inset: { '0': 0, auto: 'auto', 'icon-offset': '19px', }

From time to time, I don’t know why it doesn’t always occur, I’m getting this error message and my bundle no longer builds :

Generating development JavaScript bundle failed
<hidden location>/frontend/src/mixins/Forms.ts:

✕ inset-y-0 was not found
Did you mean inset-y-0?

File: src/mixins/Forms.ts

I’ve tried restarting the dev server, clearing the .cache folder inside node_modules, nothing helps. I can sometimes get rid of the error by removing all inset classes from the incriminated file and let livereloading do its job.

Any ideas why this happens ? Let me know if I can help you with anything by providing you any specific details.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
ben-rogersoncommented, May 13, 2020

This bug was fixed in v1.0.0 🎉

1reaction
vincent-vieiracommented, Apr 21, 2020

If I can help you testing your fix, don’t hesitate to sollicitate me 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

[JIT] Tailwind does not update classes after saving in NextJS
In my case, the problem is temporarily solved by changing the file tailwind.config.js after starting the project. tailwind-trigger. 1
Read more >
React and Tailwind CSS: dynamically generated classes are ...
Tailwind's JIT mode scans your codebase for class names, and generates CSS based on what it finds. If a class name is not...
Read more >
Content Configuration - Tailwind CSS
Configuring the content sources for your project. The content section of your tailwind.config.js file is where you configure the paths to all of...
Read more >
Tailwind CSS IntelliSense - Open VSX Registry
By default VS Code will not trigger completions when editing “string” content, for example within JSX attribute values. Updating the editor.
Read more >
Why I Don't Like Tailwind CSS | Aleksandr Hovhannisyan
There are no properties or values because they've been stuffed into the class names themselves. Here's the raw CSS equivalent of the Tailwind ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found