43081j / 43081j/postcss-js-core

vscode showing SyntaxError dialogs

Ouverte
#9 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
5
Forks
1
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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"
}
```

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
typescript, vscode
Domaine
devtools, tooling
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.