43081j / 43081j/postcss-js-core

vscode showing SyntaxError dialogs

Aperta
#9 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
5
Fork
1
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Hello! I dont know if this behavior is being caused because of postcss-js-core. Seems like everything I type then the stylelint extension throws an error. Here is an example:

`SyntaxError: Unexpected token (6:0) at instantiate (/Users/.../node_modules/postcss-js-core/node_modules/@babel/parser/lib/index.js:64:32) at constructor (/Users/.../node_modules/postcss-js-core/node_modules/@babel/parser/lib/index.js:361:12) at TypeScriptParserMixin.raise (/Users/.../node_modules/postcss-js-core/node_modules/@babel/parser/lib/index.js:3251:19) at TypeScriptParserMixin.unexpected (/Users/.../node_modules/postcss-js-core/node_modules/@babel/parser/lib/index.js:3281:16) at TypeScriptParserMixin.parseExprAtom (/Users/.../node_modules/postcss-js-core/node_modules/@babel/parser/lib/index.js:11233:22) at TypeScriptParserMixin.parseExprAtom (/Users/.../node_modules/postcss-js-core/node_modules/@babe...`

https://user-images.githubusercontent.com/23437436/214983441-95048be0-0fda-4b5d-9a03-7e1cec049f34.mov

**.stylelintrc:**

```
{
"customSyntax": "postcss-styled-components",
"extends": [
"stylelint-config-recommended",
"stylelint-config-styled-components",
"stylelint-config-prettier"
],
"plugins": ["stylelint-order", "stylelint-require-units"],
"rules": {
"matterialize/stylelint-require-units": [
true,
{
"checkUnknownUnits": true,
"forceZeroToRequireUnits": true
}
],
"order/properties-alphabetical-order": [
true,
{
"severity": "warning"
}
]
}
}
```

**settings.json:**

```
{
"css.validate": false,
"less.validate": false,
"scss.validate": false,
"stylelint.validate": ["css", "postcss", "typescript", "typescriptreact"],
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.fixAll.stylelint": true,
"source.organizeImports": false
},
"typescript.tsdk": "node_modules/typescript/lib"
}
```

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

The issue is about SyntaxError dialogs in VS Code when using stylelint with postcss-js-core. Start by examining the error stack trace pointing to @babel/parser in node_modules/postcss-js-core. Look at the .stylelintrc and settings.json configurations provided. Reproduce the error in a test environment with styled-components and the customSyntax 'postcss-styled-components'. Check how postcss-js-core parses CSS-in-JS and interacts with stylelint's validation. Done when the error no longer appears on typing in VS Code.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
typescript, vscode
Ambito
devtools, tooling
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.