Theo's tutorial
Following Theo's tutorial reaching the upload thing part.
Adding Theo's code to mine and everything going bat-shit-crazy
Picture is just a small fraction of hundreds of random errors appearing out of nowhere 😦
13 Replies
Are you missing a > in main tag?
Good catch, I think thats it too
also feels like you created a .ts file and not a .tsx file
I just checked and this gave me the above result even with the gt-sign present, while js, jsx and tsx were all fine
its a ts file
check the error
Cannot find name 'className'. ts(2304)Youre right, Im getting "one root element" errors in every situation where Im omitting the ending sign. Both in TSX configured and non configured situations.
sorry - the screenshoot was one of hundreds steps I taken so:
No I do not miss any closing tags
No file are exactly like in Theo's tutorial (.tsx where it should be)
And "not for beginners" make sense but isnt "from 0 to prod" means from zero? i.e. all dependancies explained, all user's specific "not obvious" things captured? He wasted time making an error with prefix but you classify the above as beginner? Sounds not professional @SG.dev ...
And I like when "noob" questions make some other people look like noobs when answering 😦
Could you hover over the red part and see what it says?
My guess is the linter is configured to show red warning lines on unused variables and mis-indented code.
Thanks for your contributions. After countless tries of fixing it by modifying settings (everywhere I could ie vscode, package etc.) I wiped the entire environment (aka near fresh Windows 11 re-install) and started from scratch. After reaching the same moment in tutorial when my code started to break down I found this discussion:
https://github.com/tailwindlabs/tailwindcss/discussions/5258
and by using logic from this post:
https://github.com/tailwindlabs/tailwindcss/discussions/5258#discussioncomment-6021754
I ended up added .vscode folder with settings.json and tailwind.json.
tailwind.json exactly as in the post but settings.json like:
{
"files.associations": {
"*.css": "tailwindcss"
}
}GitHub
Unknown at rule @apply css(unknownAtRules) · tailwindlabs tailwindc...
just a simple vue file like this: <template> <div class="flex"> <div class="item">1</div> <div class="item">2</div> <div class=&...
Forgive me frustration but looks like a Windows-specific issue so yes I know I'm a noob trying to code on a Dell laptop 😄
Is your code formatted correctly?
All good now, thanks!