Plugin types break if I add @nuxtjs/i18n to modules about nuxt.js

[danielroe]

The issue is that the wrong declarations are generated - see:

https://unpkg.com/browse/@nuxt/[email protected]/dist/runtime/plugins/ and https://unpkg.com/browse/@nuxtjs/[email protected]/dist/runtime/plugins/

This should be devtools.server.d.ts and devtools.server.js OR devtools.server.d.mts and devtools.server.mjs.

Investigating to see whether this is a module-builder issue.

[BobbieGoede]

@danielroe
This seems to be caused by type imports in plugins.d.ts, it breaks whenever imports use .mjs instead of .js.

I was able to reproduce this locally (using the provided repo) without @nuxtjs/i18n, the types added by @nuxt/devtools when running nuxt dev will cause the same issue.

Is this something that should be resolved on the module end or on Nuxt's side?

For completeness sake, here's the types in plugins.d.ts when running nuxt dev:

type NuxtAppInjections = 
  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/revive-payload.client.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/head/runtime/plugins/unhead.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/pages/runtime/plugins/router.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/navigation-repaint.client.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/check-outdated-build.client.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/revive-payload.server.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/chunk-reload.client.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/pages/runtime/plugins/prefetch.client.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/pages/runtime/plugins/check-if-page-unused.js").default> &
// note the file extensions - commenting out these lines will fix the types
  InjectionType<typeof import("../../node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.server.mjs").default> &
  InjectionType<typeof import("../../node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.client.mjs").default> &
  InjectionType<typeof import("../../node_modules/@nuxtjs/i18n/dist/runtime/plugins/switch-locale-path-ssr.mjs").default> &
  InjectionType<typeof import("../../node_modules/@nuxtjs/i18n/dist/runtime/plugins/i18n.mjs").default> &
// end of file extensions to comment out
  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/dev-server-logs.js").default> &
  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/check-if-layout-used.js").default> &
  InjectionType<typeof import("../../plugins/http").default>

[pavelimmobilien]

I can confirm that all .mjs imports in .nuxt/types/plugins.d.ts break type support for all provided plugins.

[danielroe]

@Archetipo95 The issue might be that the version of @docsearch/react used in the module did not expose correct types for TypeScript bundle module resolution. You could file an issue upstream on https://github.com/nuxt-modules/algolia.

[antony-k1208]

I am not sure if this is related to the issue, but I am facing similar Typescript errors after upgrading to Nuxt 3.13.0.

Since then all the provided data from plugins is not available anymore, when using useNuxtApp: https://stackblitz.com/edit/nuxt-3-13-0-plugin-provide-issue.

Just by changing the Nuxt version back to 3.12.4 the type error disappears.

[github-actions]

Stackblitz link for the reproduction: Stackblitz

[danielroe]

would you open in https://github.com/nuxt-modules/i18n instead? I think they plan a hotfix to address...

cc: @BobbieGoede

[frasza]

Sure - nuxt-modules/i18n#3070. Thanks!

[Archetipo95]

I think I had a related issue this morning with algolia nuxt module

../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected]_gmv53hnb7zexxkglosjulg7kzy/node_modules/@nuxtjs/algolia/dist/runtime/components/AlgoliaDocSearch.vue:10:60 - error TS2307: Cannot find module '@docsearch/react' or its corresponding type declarations.

Unfortunately I don't have a reproduction and my fix was to remove the algolia module because was no longer used

[frasza]

Solved with nuxt-modules/i18n#3071