Closed TonyStark closed 1 month ago
We need a project that reproduces the issue; this behavior may or may not be correct based on your configuration
@RyanCavanaugh Here you can clone repo >> https://github.com/TonyStark/vite-start-d15-CRUD-with-router
For fresh start i have created vite-project
by using pnpm create vite
> React > Javascript
Later cd vite-project
and installed chakra ui pnpm add @chakra-ui/react @emotion/react @emotion/styled framer-motion
TS Server log says
Info 1142 [15:22:35.143] AutoImportProviderProject: attempted to add more than 10 dependencies. Aborting.
You likely need to change this setting from "auto" to "on" and verify you don't have any exclusion patterns that would exclude the target files
With proper configuration
@RyanCavanaugh
Hello,
I set JSON Auto import as on
and then restart vscode.
but still not getting auto suggestion.
i also scrolled through end, but no
Grid
components suggested in that
I think it happened in linux version only
We've never really had a Linux-specific auto-import bug. Did you also modify the path exclusion list?
this is my current settings, rest are as default
{
"javascript.updateImportsOnFileMove.enabled": "always",
"[javascriptreact]": {},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"prettier.printWidth": 8000,
"editor.minimap.enabled": false,
"tabnine.experimentalAutoImports": true,
"explorer.confirmDelete": false,
"editor.multiCursorModifier": "ctrlCmd",
"typescript.preferences.includePackageJsonAutoImports": "on"
}
This issue has been marked as "Question" and has seen no recent activity. It has been automatically closed for house-keeping purposes.
Problem: I am developing react JS project with Chakra UI. When i try to type
Box, Grid, GridItem
or any other component of chakra ui, vs code cant auto complete or auto import those component from chakra ui module.Screen Shot:![Screenshot from 2024-07-17 11-49-44](https://github.com/user-attachments/assets/32c30de8-df87-4a7e-a0ea-b9ece1523728)
Does this issue occur when all extensions are disabled?: Yes
VS Code Information:
Installed Extension:
TypeScript Version: 5.5.2
Steps to Reproduce:
Grid
component from ChakraUI