styled-components / vscode-styled-components

Syntax highlighting for styled-components
MIT License
917 stars 117 forks source link

Intellisense not working in this extention v1.7.8 and ts@5.0.4 #423

Closed OnlyWick closed 1 year ago

OnlyWick commented 1 year ago

Screenshot
image

To Reproduce
I don't think it is necessary to reproduce it. Only intellisense can't be used, without any hint.

Build environment (please complete the following information):

Additional context

jasonwilliams commented 1 year ago

I don't think it is necessary to reproduce it. Only intellisense can't be used, without any hint.

Sadly this is necessary, as people have different settings and different environments. We will need a test repo to make sure we're looking at the same thing, otherwise this will just be closed as a "works for me"

OnlyWick commented 1 year ago

I don't think it is necessary to reproduce it. Only intellisense can't be used, without any hint.

Sadly this is necessary, as people have different settings and different environments. We will need a test repo to make sure we're looking at the same thing, otherwise this will just be closed as a "works for me"

I just finished initializing the nextjs project and then installed styled-components and this extension, and then it haven't any intellisense.

OnlyWick commented 1 year ago

I have the impression that you can use the extension directly after installing it. I don't know why it won't work this time. I read some issue and found that I need to upgrade to v1.7.8 and ts > 5.0 is needed, I did, but it isn't working! even though I was downgraded to ts@4.9.4 and v1.7.5. It's weird...Other features is working!!

jasonwilliams commented 1 year ago

What nextjs project are you referring to? Are you checking out next itself? Also could you list all of the extensions you're using? There's a command to do that somewhere

OnlyWick commented 1 year ago

What nextjs project are you referring to? Are you checking out next itself? Also could you list all of the extensions you're using? There's a command to do that somewhere

你指的是哪个 nextjs 项目?你是要退房吗?你还可以列出所有你正在使用的扩展吗?这是命令

https://nextjs.org/

jasonwilliams commented 1 year ago

Are you opening up https://github.com/vercel/next.js/ with VSCode and seeing your issue there? Or is there a project you're looking at.

Also I need a list of extensions code --list-extensions

OnlyWick commented 1 year ago

I using npx create-next-app@latest to create project.

Following is my installed extensions.

aaronthomas.vscode-snazzy-operator
alefragnani.Bookmarks
alphabotsec.vscode-eclipse-keybindings
apollographql.vscode-apollo
cschlosser.doxdocgen
danielpinto8zz6.c-cpp-project-generator
dbaeumer.vscode-eslint
dsznajder.es7-react-js-snippets
eamodio.gitlens
EditorConfig.EditorConfig
esbenp.prettier-vscode
evondev.dracula-high-contrast
formulahendry.auto-rename-tag
formulahendry.code-runner
Gruntfuggly.todo-tree
haskell.haskell
jeff-hykin.better-cpp-syntax
justusadam.language-haskell
kisstkondoros.vscode-gutter-preview
kumar-harsh.graphql-for-vscode
liviuschera.noctis
ms-azuretools.vscode-docker
MS-CEINTL.vscode-language-pack-zh-hans
ms-python.python
ms-python.vscode-pylance
ms-vscode.cmake-tools
ms-vscode.cpptools
ms-vscode.cpptools-extension-pack
ms-vscode.cpptools-themes
ms-vscode.hexeditor
nwolverson.ide-purescript
nwolverson.language-purescript
PKief.material-icon-theme
Remisa.shellman
ritwickdey.LiveServer
searKing.preview-vscode
shd101wyy.markdown-preview-enhanced
streetsidesoftware.code-spell-checker
styled-components.vscode-styled-components
stylelint.vscode-stylelint
twxs.cmake
unifiedjs.vscode-mdx
usernamehw.errorlens
vscode-icons-team.vscode-icons
Vue.volar
Vue.vscode-typescript-vue-plugin
wix.vscode-import-cost
jasonwilliams commented 1 year ago

ok awesome, that's a lot of extensions, can you switch them all off and only have styled components on and try again?

OnlyWick commented 1 year ago

It still doesn't work. : ( image image

jasonwilliams commented 1 year ago

Could you paste your settings?

OnlyWick commented 1 year ago
{
  "files.autoSave": "off",
  "editor.wordWrap": "on",
  "editor.fontSize": 11,
  "emmet.triggerExpansionOnTab": true,
  "emmet.showAbbreviationSuggestions": true,
  "emmet.showExpandedAbbreviation": "always",
  "workbench.iconTheme": "vscode-icons",
  "update.enableWindowsBackgroundUpdates": true,
  "explorer.compactFolders": false,
  "security.workspace.trust.untrustedFiles": "open",
  "terminal.integrated.gpuAcceleration": "off",
  "code-runner.clearPreviousOutput": true,
  "workbench.editor.untitled.hint": "hidden",
  "vim.smartRelativeLine": true,
  "markdown-preview-enhanced.previewTheme": "atom-dark.css",
  "editor.minimap.showSlider": "always",
  "vsicons.dontShowNewVersionMessage": true,
  "C_Cpp.clang_format_fallbackStyle": "Google",
  "[vue]": {
    "editor.defaultFormatter": "Vue.volar"
  },
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true
  },
  "window.zoomLevel": 2,
  "vim.foldfix": true,
  "gitlens.hovers.currentLine.over": "line",
  "[markdown]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "http.proxySupport": "off",
  "glassit.alpha": 240,
  "git.alwaysShowStagedChangesResourceGroup": true,
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "haskell.manageHLS": "GHCup",
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.colorTheme": "Evondev Dracula Darker Contrast"
}
OnlyWick commented 1 year ago

Errr, I have been struggling for an afternoon(make me creazy!), but now suddenly it works. I don't know what's wrong with vscode!! I'm sorry to waste your time.

OnlyWick commented 1 year ago

I will close issue.

OnlyWick commented 1 year ago

I have reinstalled several times(vscode and this extension), but I can't figure out the problem. It doesn't seem like a extensions conflict either, because I have been using this extension for a long time before. It's still my apologies for wasting your time!!! @jasonwilliams

jasonwilliams commented 1 year ago

No problem @OnlyWick