"astro/loaders" import gives not available warning in VScode

[xkeshav]

Astro Info

astro info
Astro                    v5.1.1
Node                     v22.0.0
System                   Linux (x64)
Package Manager          unknown
Output                   static
Adapter                  @astrojs/node
Integrations             astro-icon
                         @astrojs/tailwind
                         @astrojs/react
                         @astrojs/tailwind
                         astro-i18next

If this issue only occurs in one browser, which browser is a problem?

in VS Code

Describe the Bug

using new defienCollection method and taking refrence from (the official docs)[https://docs.astro.build/en/guides/content-collections/] and in the code spinnets it says

import { glob, file } from 'astro/loaders'; // Not available with legacy API

what this means? I have upgraded to astro 5.1.1 and related packages too

I am able to use it but it gives error in VS Code above the import statment

Cannot find module 'astro/loaders' or its corresponding type declarations.
There are types at '/home/project/name/node_modules/astro/dist/content/loaders/index.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'.

What's the expected result?

'astro/loaders' should not gives error in VS code

Link to Minimal Reproducible Example

Participation

• I am willing to submit a pull request for this issue.

[github-actions]

Hello @xkeshav. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs repro will be closed if they have no activity within 3 days.

[ematipico]

You're defining an old content collection in a file that accepts only new content collections. This is illegal.

articles is an old content collection because it doesn't have a loader, and content.config.ts accepts only content collections that have loaders.

https://docs.astro.build/en/guides/upgrade-to/v5/#breaking-changes-to-legacy-content-and-data-collections