Cannot find module '#pwa' or its corresponding type declarations.

[brugomes]

I'm following the basic instructions to setup @vite-pwa/nuxt

pnpm add @vite-pwa/nuxt -D

// nuxt.config.ts
import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
  modules: [
    '@vite-pwa/nuxt'
  ],
  pwa: {
    /* PWA options */
  }
})

And got this error.

I also have tryed this and got the same error.

rm -Rf node_modules
rm -Rf dist
rm -Rf .nuxt
pnpm store prune
pnpm add @vite-pwa/nuxt -D --force  

[snolan-ethika]

@brugomes did you happen to fix this? Also seeing this error...

[userquin]

Error when adding the pwa module? Provide a minimal reproduction, all my tests can install the pwa module: check https://vite-pwa-org.netlify.app/guide/scaffolding.html , follow the prompts selecting Vue when asking for Framework then Nuxt.

Maybe you can try adding .npmrc file with shamefully-hoist=true (iirc only pnpm).

@snolan-ethika @brugomes

[YunYouJun]

My guess is that you used nuxt as monorepo and used your own tsconfig.json compilterOptions.paths, which overrides nuxt's default generated tsconfig paths setting (#pwa).

[pawelgur]

Bumped into similar issue:

 ERROR
 ERROR(vue-tsc)  Cannot find module '#build/pwa-icons/pwa-icons' or its corresponding type declarations.
 FILE  ......./.nuxt/pwa-icons-plugin.ts:3:31

    1 | // Generated by @vite-pwa/nuxt
    2 | import { defineNuxtPlugin } from '#imports'
  > 3 | import type { PWAIcons } from '#build/pwa-icons/pwa-icons'
      |                               ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    4 |
    5 | export default defineNuxtPlugin(() => {
    6 |   return {

After some @nuxt/kit version update (3.14.x? brought by some other dep) #build alias was not inserted in tsconfig.json in .nuxt anymore.

Downgrading @nuxt/kit down to 3.11.2 (matching current nuxt version) solved the issue for me.

@vite-pwa/[email protected]