After adding `"@intlify/nuxt3"` to `buildModules` in `nuxt.config.ts` there's a Nuxt error

Question

After adding `"@intlify/nuxt3"` to `buildModules` in `nuxt.config.ts` there's a Nuxt error

PiotrekPKP opened this issue 2 years ago · comments

I installed "@intlify/nuxt3" and added it to my buildModules.

After adding "@intlify/nuxt3" to buildModules in nuxt.config.ts there's a Nuxt error:

__vite_ssr_import_2__.default is not a function

The error occurs even after reinstallation of package and after removing .nuxt directory.

Stacktrace:

at ./.nuxt/dist/server/server.mjs:3590:60
at fn (./.nuxt/dist/server/server.mjs:396:27)
at Object.callAsync (./node_modules/unctx/dist/index.mjs:41:19)
at callWithNuxt (./.nuxt/dist/server/server.mjs:398:23)
at applyPlugin (./.nuxt/dist/server/server.mjs:353:29)
at Module.applyPlugins (./.nuxt/dist/server/server.mjs:363:11)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async createNuxtAppServer (./.nuxt/dist/server/server.mjs:46:7)
at async renderToString (./node_modules/vue-bundle-renderer/dist/index.mjs:252:19)
at async ./.nuxt/dev/index.mjs:486:20

The line that shows an error is this one:

const loadedOptions = await __vite_ssr_import_2__.default();

This line is in a code block:

const { vueApp: app } = nuxt;
  const loadedOptions = await __vite_ssr_import_2__.default();
  if (!isEmpty(__vite_ssr_import_3__.default)) {
    loadedOptions.messages = __vite_ssr_import_3__.default;
  }
  const i18n = __vite_ssr_import_0__.createI18n({
    legacy: false,
    globalInjection: true,
    locale: "en",
    ...loadedOptions
  });
  app.use(i18n);

Rasul1996 commented 2 years ago

@kazupon

Daniele Lenares · Answer 1 · Tue May 10 2022 20:48:46 GMT+0800 (China Standard Time)

Hey @PiotrekPKP! Are you using Nuxt3 rc2?
I'm having the same issue and I'm trying to understand how to solve this

Thanks!

Adriaan · Answer 2 · Tue May 10 2022 21:41:50 GMT+0800 (China Standard Time)

Seems like it's related to #64

Piotr · Answer 3 · Tue May 10 2022 23:15:03 GMT+0800 (China Standard Time)

Hey @PiotrekPKP! Are you using Nuxt3 rc2? I'm having the same issue and I'm trying to understand how to solve this

Thanks!

Yes, I'm using Nuxt 3 RC 2

EDIT: It's also broken on RC 3 which came out today

Piotr · Answer 4 · Tue May 10 2022 23:39:08 GMT+0800 (China Standard Time)

Seems like it's related to #64

More like #64 is related to this issue ;)

Thibaut Nijs · Answer 5 · Fri May 13 2022 21:37:22 GMT+0800 (China Standard Time)

As this issue is the last one that's open.

Overriding the following packages in package.json will temporarily fix it by forcing rc-1 to be used

  "overrides": {
    "nuxi": "3.0.0-rc.1",
    "nuxt": "3.0.0-rc.1",
    "@nuxt/kit": "3.0.0-rc.1",
    "@nuxt/schema": "3.0.0-rc.1",
    "@nuxt/vite-builder": "3.0.0-rc.1"
  }

Thibaut Nijs · Answer 6 · Tue May 17 2022 15:32:16 GMT+0800 (China Standard Time)

I've created a PR #65 as per @exreplay's findings: #64 (comment)

The patch has been found to work with RC.3

Thibaut Nijs · Answer 7 · Wed May 18 2022 14:43:23 GMT+0800 (China Standard Time)

Merged for v0.2.2

Tycoon Song · Answer 8 · Thu May 19 2022 13:17:10 GMT+0800 (China Standard Time)

Merged for v0.2.2

invalid

Andre Eberle · Answer 9 · Thu Jun 16 2022 00:21:03 GMT+0800 (China Standard Time)

Same issue. Do you have an idea? THX

npm install --save-dev @intlify/nuxt3

nuxt.config.ts
export default defineNuxtConfig({
ssr: false, // Client-side only rendering (false)
buildModules: ['@intlify/nuxt3']
})

error:
Uncaught SyntaxError: The requested module '/_nuxt/.nuxt/intlify.vuei18n.options.mjs' does not provide an export named 'default'

"devDependencies": {
"@intlify/nuxt3": "^0.2.2",
"bulma": "^0.9.4",
"nuxt": "3.0.0-rc.4",
"sass": "^1.51.0"
},

Thibaut Nijs · Answer 10 · Thu Jun 16 2022 14:12:54 GMT+0800 (China Standard Time)

@androcado Try adding @intlify/nuxt3 to modules, not buildModules in the nuxt config.

Andre Eberle · Answer 11 · Thu Jun 16 2022 22:51:33 GMT+0800 (China Standard Time)

@androcado Try adding @intlify/nuxt3 to modules, not buildModules in the nuxt config.

Thanks. But same issue:

export default defineNuxtConfig({
modules: ['@intlify/nuxt3'],
})

error:
vite_ssr_import_2.default is not a function

Thibaut Nijs · Answer 12 · Thu Jun 16 2022 22:54:28 GMT+0800 (China Standard Time)

Odd, because I can't reproduce it

Andre Eberle · Answer 13 · Thu Jun 16 2022 23:30:13 GMT+0800 (China Standard Time)

Odd, because I can't reproduce it

Thank you for your quick support:

npx nuxi init nuxt-app
cd nuxt-app
npm i
npm install --save-dev @intlify/nuxt3

// nuxt.config.ts
export default defineNuxtConfig({
modules: ['@intlify/nuxt3'],
})

npm run dev // localhost: 3000 -> Uncaught SyntaxError: The requested module '/_nuxt/.nuxt/intlify.vuei18n.options.mjs' does not provide an export named 'default' (at plugin.mjs:3:8)

package.json
{
"private": true,
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview"
},
"devDependencies": {
"@intlify/nuxt3": "^0.2.2",
"nuxt": "3.0.0-rc.4"
}
}

npm -v // 6.14.11
node -v // v14.16.0
System: Windows 10

Thibaut Nijs · Answer 14 · Fri Jun 17 2022 14:14:57 GMT+0800 (China Standard Time)

@androcado What does your package-lock.json look like?

I've recreated the application using your exact specification, albeit on MacOS

Would you mind sharing your package-lock please?
I'll try to get a windows device to test the same config out

EDIT: Confirmed on Windows using Node v14.16.0 and NPM 6.14.11

Andre Eberle · Answer 15 · Sun Jun 19 2022 23:28:23 GMT+0800 (China Standard Time)

Here is the package lock file. thx for the support

package-lock.zip

kkurt · Answer 16 · Mon Jun 27 2022 19:31:32 GMT+0800 (China Standard Time)

I am getting the same error, is there any fix/solutuion ?

Florian Weber · Answer 17 · Mon Jun 27 2022 19:35:45 GMT+0800 (China Standard Time)

@kkurt @androcado do you guys have the same problem with a fresh project just using the @intlify/nuxt3 package?

I'm having multiple projects running on nuxt@3.0.0-rc.4 with @intlify/nuxt3@0.2.2 and not having any issues.

Thibaut Nijs · Answer 18 · Tue Jun 28 2022 18:08:42 GMT+0800 (China Standard Time)

@kkurt @androcado do you guys have the same problem with a fresh project just using the @intlify/nuxt3 package?

I'm having multiple projects running on nuxt@3.0.0-rc.4 with @intlify/nuxt3@0.2.2 and not having any issues.

is this on Mac or linux by chance?

kkurt · Answer 19 · Tue Jun 28 2022 18:41:42 GMT+0800 (China Standard Time)

@kkurt @androcado do you guys have the same problem with a fresh project just using the @intlify/nuxt3 package?
I'm having multiple projects running on nuxt@3.0.0-rc.4 with @intlify/nuxt3@0.2.2 and not having any issues.

is this on Mac or linux by chance?

Yes i have still same issue.
I realized that this is about OS. Because I have created fresh new project on stackblitz. There is no problem.
But wehen i download same project to my local and run after "npm install", i recieved error.
My OS is Win 11.

Stackblitz link : https://stackblitz.com/edit/nuxt-starter-va5flv

Thibaut Nijs · Answer 20 · Tue Jun 28 2022 18:44:08 GMT+0800 (China Standard Time)

@kkurt What version of node and NPM are you running? My tests also failed when running on Windows.

MacOS and Linux work fine (for me)

kkurt · Answer 21 · Tue Jun 28 2022 18:46:35 GMT+0800 (China Standard Time)

@kkurt What version of node and NPM are you running? My tests also failed when running on Windows.

MacOS and Linux work fine (for me)

I also tried with yarn.

NodeJS : 16.15.1
Npm: 8.13.1
Yarn: 1.22.19

Andre Eberle · Answer 22 · Thu Jul 07 2022 16:10:59 GMT+0800 (China Standard Time)

Thanks, with the last update it works for me.

Mehmet · Answer 23 · Sun Jul 10 2022 11:46:19 GMT+0800 (China Standard Time)

pnpm run dev and see problem

SVV-team · Answer 24 · Thu Jul 14 2022 20:37:34 GMT+0800 (China Standard Time)

#72 (comment)

For nuxt3 i18 from community