createContentLoader data.posts.js resolved to an ESM file and cannot be loaded by require. 1.0.0-rc.45

[kfung21]

Describe the bug

data.posts does not get read properly

Reproduction

https://stackblitz.com/~/github.com/kfung21/test-blog

Expected behavior

show blog posts

System Info

[ERROR] "vitepress" resolved to an ESM file. ESM file cannot be loaded by `require`. See https://vitejs.dev/guide/troubleshooting.html#this-package-is-esm-only for more details. [plugin externalize-deps]

Additional context

No response

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[0xlau]

It's not a bug. You can review the NOTE in this topic.

NOTE

VitePress is an ESM-only package. Don't use require() to import it, and make sure your nearest package.json contains "type": "module", or change the file extension of your relevant files like .vitepress/config.js to .mjs/.mts. Refer to Vite's troubleshooting guide for more details. Also, inside async CJS contexts, you can use await import('vitepress') instead.

Solution

Make sure your nearest package.json contains "type": "module"