If you can't upgrade to a newer version of Astro for the moment, you can downgrade the extension to the latest pre 0.9.0 version by right clicking the Astro extension in the sidebar and pressing 'Install another version' Inlay Hints don't workĬurrently, only inlay hints provided by TypeScript are supported. Therefore, to benefit from those included types, you need to use any version of Astro that is higher or equal to 0.23.5. Starting from 0.23.5 version of Astro and the 0.9 version of this extension, typechecking is now done using types that are provided by Astro itself. If using an older version of VS Code, 0.18.1 will be installed instead.īefore submitting an issue, please make sure you're using the latest version of both VS Code and the extension! Cannot find name 'Astro' or Property 'env' does not exist on type 'ImportMeta' or Cannot find name 'Fragment' Starting from 0.19.0, the minimum VS Code version supported by this extension is 1.67.0 (April 2022). Troubleshooting Unable to update to latest version TypeScript settings can be configured using VS Code's TypeScript settings ( typescript.xxx). For example to disable error messages unselect TypeScript > Diagnostics: Enable (or in JSON, set to false).įormatting can be configured through Prettier's different configuration methods. Under Extension find Astro configuration and uncheck the feature(s) you do not want.

You can disable most features in the extension by going to your workspace settings page. Symbols ( outline view, breadcrumb navigation etc)Ī TypeScript plugin adding support for importing Astro components inside JavaScript and TypeScript files is also included.Formatting (powered by Prettier and prettier-plugin-astro).Code actions (quick fixes, sort imports etc).Props completions for JSX/TSX, Vue (Composition API only) and Svelte components.IntelliSense completions ( w/ auto-imports).

This extension is powered by the Astro language server.

🧑‍🚀 Not sure what Astro is? See our website at astro.build!

Visual studio code js cannot find name