43081j / 43081j/postcss-js-core

vscode showing SyntaxError dialogs

オープン
#9 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
5
フォーク
1
PR マージ指標
30日以内にマージされた PR はありません

説明

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

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
typescript, vscode
領域
devtools, tooling
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。