-
-
Notifications
You must be signed in to change notification settings - Fork 413
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
postcss(css-lcurlyexpected) error when using PostCSS #103
Comments
I just installed a clean copy of VSCode with only Volar, no other extensions (not even PostCSS language support) and still get the same error. |
Currently postcss support is limited, postcss is recognized as loose scss, and You can use <!-- @vue-ignore -->
<style lang="postcss" scoped>
.panel {
@apply p-4 bg-neutral-50;
min-height: var(--space-14);
}
</style> |
Thanks for the quick reply @johnsoncodehk! Is there a way to configure |
Maybe provide an option, but I want to avoid this way, let me think about it. btw I just found you can put .panel {
min-height: var(--space-14);
@apply p-4 bg-neutral-50;
} Will it change postcss compile result? I don't know. 😅 |
Yeah it does. It basically puts all the apply rules after the .panel {
min-height: var(--space-14);
@apply p-4 bg-neutral-50;
}
//compiled
.panel {
min-height: var(--space-14);
padding: 4px;
background: #123;
} Something like this. Is there a way to let Volar always behave like it does with Btw, I already added the comment to my files for now 😄 |
Currently we can't, it was conflict with volar design principles. But I will improve it by some way.
Yes.
|
I has make a temporarily patching in 0.22.21, because not sure |
I'm still seeing css-rcurlyexpected errors with v0.39.5 and VS Code 1.70.0. This should be reopened |
@segevfiner this extension might help https://marketplace.visualstudio.com/items?itemName=cpylua.language-postcss |
Doesn't seem to help. And it is unmaintained. Maybe it isn't triggered for plain style blocks. (No |
@segevfiner despite it being unmaintained it works for now |
It seems to require |
@segevfiner I'm open with this, you can open feature request. |
Has anyone managed to make it work with vscodium? I suppose it should work the same as vscode, but it doesn't work on my system. |
I have a different use case, I'm using a postcss mixin but in the project Tailwind is not used, so I would be ok with simply having a way to ignore a single line, so that the file is not flagged red by the editor as having a problem. Is there a way to do this? I tried the |
Hi there and first of all, thanks for this project!
I'm having some issues with using
<style lang="postcss">
.I have a Vue 3 project with TailwindCSS and when using
@apply
in combination with normal CSS rules, I get an errorpostcss(css-lcurlyexpected)
.Example code:
![image](https://user-images.githubusercontent.com/5798652/111438440-87a09880-8704-11eb-8878-94a157acc4de.png)
This does not happen in
.css
files or in any other project. Only when using Vue 3 and Volar. Does anyone have an idea why that is happening?Volar Version: 0.22.16
VSCode Version: 1.54.3
Some VSCode settings I have:
It doesn't matter though If I toggle these, the error still appears.
The text was updated successfully, but these errors were encountered: