Error [ERR_REQUIRE_ESM]: require() of ES Module

[joao-offerfit]

Hello guys,

I'm integrating XO under a Vue project using the XO CLI, and I'm having a hard time while trying to apply XO typescript rules under .vue files.

I already found a solution that require changes in the XO CLI (issue)

Meanwhile, I am trying to extend xo-typescript into .vue files, so I can achieve the same result (even if it's redundant as XO have it already bundled)

I am consistently receiving the error: Error [ERR_REQUIRE_ESM]: require() of ES Module

I made a repo from scratch where it is possible to reproduce the issue. Could someone help me understand why this happens?

Repo: https://github.com/joao-offerfit/vue-xo-demo

[fregante]

I ran npm run xo on that project and I don't see the issue. Please include more info.

Either way, this is not a problem with this config.

[joao-offerfit]

Sorry, I should have provided better directions.

Try running npx xo --print-config=src/App.vue > output.txt, it does not work while I have xo-typescript under my extends applied to .vue files.

(I also use pnpm instead of npm in this project but I don't think this changes anything)

This is what I see:

[fregante]

Check out the readme on this repo. If you use XO, you can't use it together with this config because this is a eslint config, not an xo config.

I think the main issue is that this is a flat config while XO itself hasn't been updated to use it yet.

[joao-offerfit]

Makes sense! Thanks for clarifying!

[joao-offerfit]

You gave me an incredible idea... It works if I use v5 (which does not use flat config). Thank you so much for that!