ERROR Rollup error: Could not load /node_modules/pinia/dist/pinia.mjs/dist/pinia.mjs' in Nuxt 3

[Gyurmatag]

Hi!

I have the latest Nuxt 3 within my project, version [3.0.0-rc.6-27660452.463c15e] and I've got the latest Pinia versions:
"@pinia/nuxt": "^0.3.1"
"pinia": "^2.0.17",

and when I build I got this error
ERROR Rollup error: Could not load /Users/vargagyorgymark/Documents/Personal/Projektek/evgyuru/evgyuru-nuxt/node_modules/pinia/dist/pinia.mjs/dist/pinia.mjs (imported by .nuxt/dist/server/server.mjs): ENOTDIR: not a directory, open '/Users/vargagyorgymark/Documents/Personal/Projektek/evgyuru/evgyuru-nuxt/node_modules/pinia/dist/pinia.mjs/dist/pinia.mjs'

What could be the problem?

Thank you very much!

[monkemedia]

I have the exact issue as you do. Have you managed to resolve it?

[Gyurmatag]

No... :( Still have the same issue with newer Nuxt 3 versions too... Maybe @posva can help us.

[monkemedia]

Yeah I am currently using the latest version of Nuxt. It's so frustrating as i am unable to test my site online

[posva]

It's as if the alias.pinia option was not taken into account correctly. Try adding one to the nuxt config that points to the absolute path of the pinia.mjs file. Something along the line of path.resolve(__dirname, './node_modules/pinia/dist/pinia.mjs')

[monkemedia]

Solved it. in your Nuxt config, add this:

import path from 'path'

export default defineNuxtConfig({
...
   resolve: {
      alias: {
        pinia: path.resolve(__dirname, './node_modules/pinia/dist/pinia.mjs'),
      }
    }
 ...
 })

[Gyurmatag]

Still not working with this added to nuxt.config. When I run nuxt build I've got the same error.
What sould I do @monkemedia , @posva ?

[monkemedia]

make sure you add this too:

const { __dirname } = createCommonJS(import.meta.url)

[posva]

Normally you don't need to add this so you might have something in your config that isn't necessary.

Check all the imports in your code from pinia and make sure you are not importing from a subfolder:

import ... from 'pinia' // good
import ... from 'pinia/...' // bad

[Gyurmatag]

@monkemedia , @posva Still not working. I've added that code, that mankomedia wrote, but it's not working, same error message. I don't have any specific pinia import that is wrongly imported, I'm importing pinia this way
import { defineStore } from "pinia";

And also I've got this dependency for persisted state:
"pinia-plugin-persistedstate": "^1.5.1",

I have no idea what is wrong, but it worked with previous versions... Please help me!

[Alex--C]

Same issue here. Changing my nuxt.config.ts like suggested by @monkemedia does not fix my issue.

Actually, removing nuxt.options.alias.pinia = "pinia/dist/pinia.mjs"; in node_modules/@pinia/nuxt/dist/module.mjs fixes the issue during yarn run build, but then I get an error during runtime because pina cannot be imported.

[Gyurmatag]

Yeah. The issue still persist for me too. @posva can you please make a fix for that? Thank you very much!

[Gyurmatag]

@posva It is still not working on the latest nuxt release... Can you please make a fix for that? Or @Alex--C have you found any working workaround? It is extremely frustrating since I can't work on my project...

[Alex--C]

Amongst many other things I added this to my nuxt.config.ts and it's working now. Not 100% sure if that's what fixed it in the end but you can try it:

build: {
    transpile: [
      'pinia',
    ],
  },

[monkemedia]

I removed my changes and applied @Alex--C changes, and I can confirm it works :)

[Gyurmatag]

Yes, it's working for me too, thank you very much!