Cannot find module (TS2307)

Created nuxt project using npx

Contents of tsconfig.json:

// tsconfig.json
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "lib": ["esnext", "esnext.asynciterable", "dom"],
    "esModuleInterop": true,
    "allowJs": true,
    "sourceMap": true,
    "strict": true,
    "noEmit": true,
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./*"]
    },
    "types": ["@types/node", "@nuxt/types"]
  },
  "exclude": ["node_modules"]
}

Index.vue (where i face import issue):

<script lang="ts">
import Logo from '~/components/Logo.vue'

export default {
  components: {
    Logo
  }
}
</script>

Component successfully imports, but TS server reports an error Error:(28, 18) TS2307: Cannot find module '~/components/Logo.vue'.

[avxkim]

It was because of missing Vue module declaration, i’ve created ts-shim.d.ts file in the root directory:

declare module '*.vue' {
  import Vue from 'vue'
  export default Vue
}

Please, update your documentation, so other won’t struggle with this: https://typescript.nuxtjs.org/guide/setup.html

[boredland]

Is this still state of the art? I think it should be noted in the docs, that your imports have to be suffixed “.vue” for this to work.