Comments (7)
Hey Vincent, thanks for looking into this and it's great you got to the bottom of it.
I think adding a value of 0 should be allowed so I'll add a fix for this 👍
Were you able to trigger the error consistently?
from twin.macro.
If I can help you testing your fix, don't hesitate to sollicitate me :)
from twin.macro.
This bug was fixed in v1.0.0 🎉
from twin.macro.
Great to hear you're enjoying twin! - Aside from the bug you've found anyway 😄
I haven't seen this specific bug before but I am aware of some caching issues, particularly in Gatsby.
I've made a codesandbox attempting to reproduce the issue but haven't succeeded yet.
Perhaps you could verify the tailwind.config.js is the same? Or if there's any other plugins that could be interfering.
Also another thought - is the error still showing after you do a gatsby build?
from twin.macro.
I debugged a little, and got the issue.
The inset config for zero value should be '0': '0'
, not '0': 0
. Otherwise, the lookup here will fail as the '0' config value as a number, extracted from the classParts will be evaluated as a falsy value... And because the lookup fails, the resolve function returns an empty object triggering the error even if the class exists in the Tailwind configuration.
This was this dumb lol.
I'll let you close the issue if you don't think it is necessary to add any safeguard 😊
from twin.macro.
Apart from cache issues, yes !
Everytime I switch back from '0' or '0px' to 0 while clearing node_modules/.cache
folder and restarting Gatsby server (due to config livereloading issues), the error comes back.
from twin.macro.
great, that'll help me out testing a fix - thanks so much for submitting the issue :)
from twin.macro.
Related Issues (20)
- Support for @headlessui/tailwindcss prefixes in inner classes HOT 2
- the name `_GlobalStyles` is defined multiple times HOT 1
- Unable to clone and style existing components with Stitches using standard syntax HOT 3
- Doesn't work with CodeSandbox React template HOT 1
- Error when passing props to the css attribute in solid/stitches HOT 3
- CSS `calc` with more than 2 `theme` keywords HOT 1
- Can't resolve 'v8' (Twin + Next.js + Styled Components) HOT 9
- Twin Macro Doesn't Work With Next.js (A Working Example Would Solve This) HOT 6
- Dynamic is not working as expected in next-emotion-typescript HOT 2
- Module not found: Can't resolve 'v8' HOT 3
- Property 'cs' is missing in type.... HOT 2
- Next 14 layout shift (maybe css load after render) HOT 2
- Jest testing (typescript) - twin_macro_1.theme is not a function HOT 2
- Errors in vite 5.0.0 HOT 1
- TypeScript type error with TwImportComponent in jest-testing-typescript
- CSS fallback values from Tailwind config `extend` are missing HOT 2
- Props don't get passed down when composing components HOT 5
- Custom Tailwind Properties in Twin.macro not working HOT 1
- Storybook v8 not working in combination with Styled Components and twin.macro HOT 3
- Min-Width not validating HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from twin.macro.