3.10.x: `nuxt build` creates vue files in `.nuxt/dist/server/_nuxt` folder about nuxt HOT 15 CLOSED

So I double checked on another machine and this time I used npm. I downloaded my repo, run npm install and then npm run buld. If I check the folder .nuxt/dist/server/_nuxt I see (as I described) there is a vue file which is probably supposed to be a js file:

nuxi info

------------------------------
- Operating System: Darwin
- Node Version:     v21.6.1
- Nuxt Version:     3.10.1
- CLI Version:      3.10.0
- Nitro Version:    2.8.1
- Package Manager:  [email protected]
- Builder:          -
- User Config:      devtools
- Runtime Modules:  -
- Build Modules:    -
------------------------------

Same issue in your Stackblitz:

Both of the machines I tested on are Silicon Macs, the one from the other issue seems to be a Linux system.

from nuxt.

You're quite right; it is reproducible there - I was checking .output, not .nuxt.

from nuxt.

it's my issue - #25690, and you right, i have the same

from nuxt.

Would you be able to provide a reproduction? 🙏

from nuxt.

This is unlikely to be an issue with Nuxt - rollup-plugin-vue is not used by Nuxt or Nitro and is what is throwing your error.

from nuxt.

I am not 100% sure about that. Yes this plugin throws the error BUT I disabled the plugin and realized there is exactly one .vue file in the folder .nuxt/dist/server/_nuxt which is exactly the file I debugged to be the one creates the error. This is because when the nitro server is built the vue-rollup-plugin loads this file but it is not a vue SFC.

So the cause of this issue is that Nuxt creates a vue file in the .nuxt/dist/server/_nuxt folder and I guess that shouldnt be the case:

• Like above: If I delete the <script> or the <style> within the componen this file doesnt get created.
• New discovery: If I add a new component then this one ALSO gets a vue file in the .nuxt folder

from nuxt.

Interesting. Have you customised assetFileNames by any chance?

from nuxt.

I did not

from nuxt.

I probably can't look into this without a reproduction or more info.

from nuxt.

I can try to dig more into this and make this reproducable. Atm both StackBlitz and CodeSandBox are not working tho.

from nuxt.

@danielroe So it took me a few hours of removing more and more stuff from my app until I ended in an empty app and I realized:

This happens on a blank empty app created with nuxi init and just a single index page and a single component in it:

Since StackBlitz doesnt seem to work, here is the repo: https://github.com/MickL/nuxt-bug

From my tryings the following needs to be true:

• Needs to have a page (doesnt occur with app.vue)
• Needs to have <script> with setup and lang="ts"
• <script> needs to have something in it (can even be a comment)
• <style> needs to have something in it (can even be a comment when adding lang="scss")

from nuxt.

When you say that StackBlitz doesn't work, what do you mean?

from nuxt.

I can't reproduce with that repo.

Here's a StackBlitz created from it - seemingly working fine: https://stackblitz.com/edit/github-iqamf7.

Could you share any more info about your setup?

from nuxt.

I used bun install then bun run build if that changes anything (which I doubt). My specs are at the very top. I think #25690 could be the same issue, he said the same:

I noticed this oddity. If I remove all the scss code from the style tag in layout, then everything starts working correctly, but if I add at least one class there, then default.css stops being generated in the production build.

will double check my repo tomorrow

from nuxt.

I am not sure if this is causing me problems now - I updated my packages to latest (all of them), and somehow I get an error:

cannot find module './stringify' (module in question is qs, which is only used by Strapi module as far as I can tell)

This only happens in dev mode, build is running fine. When I don't include the Strapi module in the configuration everything works.

If I keep use the Nuxt ^3.10.1 version I have no problems. Does any of this ring a bell?

from nuxt.