43081j / 43081j/postcss-js-core

vscode showing SyntaxError dialogs

Abierto
#9 0 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
5
Forks
1
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
typescript, vscode
Área
devtools, tooling
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.