Skip to content

vp check: typescript(TS2307): Cannot find module '../HelloWorld.vue' or its corresponding declarations. #1277

@marcoarruda

Description

@marcoarruda

Describe the bug

Tools

vp --version: v0.1.15

I created a fresh new project using vp create vue testproj
Included:

  • TypeScript
  • Router, Pinia, Vitest, E2E playwright, Linter, Prettier
  • Replace Prettier with Oxfmt
  • Pre commit hook vp staged

And the command vp check fails with the error

typescript(TS2307): Cannot find module '../HelloWorld.vue' or its corresponding declarations.

Unless I add the following to env.d.ts

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<object, object, unknown>
  export default component
}

Reproduction

https://github.com/marcoarruda/vite-plus-bug-report-vp-check

Steps to reproduce

Tools

vp --version: v0.1.15

Create new project vp create vue testproj
Included:

  • TypeScript
  • Router, Pinia, Vitest, E2E playwright, Linter, Prettier
  • Replace Prettier with Oxfmt
  • Pre commit hook vp staged

cd testproj and vp check

System Info

VITE+ - The Unified Toolchain for the Web

Environment:
  Version       24.14.1
  Source        engines.node
  Source Path   /Users/marcoarruda/Projects/testproj/package.json
  Project Root  /Users/marcoarruda/Projects/testproj

Tool Paths:
  node  /Users/marcoarruda/.vite-plus/js_runtime/node/24.14.1/bin/node
  npm   /Users/marcoarruda/.vite-plus/js_runtime/node/24.14.1/bin/npm
  npx   /Users/marcoarruda/.vite-plus/js_runtime/node/24.14.1/bin/npx

---

vp v0.1.15

Local vite-plus:
  vite-plus  v0.1.15

Tools:
  vite             v8.0.3
  rolldown         v1.0.0-rc.12
  vitest           v4.1.2
  oxfmt            v0.43.0
  oxlint           v1.58.0
  oxlint-tsgolint  v0.18.1
  tsdown           v0.21.7

Environment:
  Package manager  npm v11.12.1
  Node.js          v24.14.1 (engines.node)

Used Package Manager

npm

Logs

vp check
VITE+ - The Unified Toolchain for the Web

pass: All 33 files are correctly formatted (316ms, 14 threads)
error: Lint or type issues found
× typescript(TS2307): Cannot find module '../views/HomeView.vue' or its corresponding type declarations.
   ╭─[src/router/index.ts:2:22]
 1 │ import { createRouter, createWebHistory } from 'vue-router'
 2 │ import HomeView from '../views/HomeView.vue'
   ·                      ───────────────────────
 3 │ 
   ╰────

  × typescript(TS2307): Cannot find module '../views/AboutView.vue' or its corresponding type declarations.
    ╭─[src/router/index.ts:18:31]
 17 │       // which is lazy-loaded when the route is visited.
 18 │       component: () => import('../views/AboutView.vue'),
    ·                               ────────────────────────
 19 │     },
    ╰────

  × typescript(TS2307): Cannot find module './App.vue' or its corresponding type declarations.
   ╭─[src/main.ts:6:17]
 5 │ 
 6 │ import App from './App.vue'
   ·                 ───────────
 7 │ import router from './router'
   ╰────

  × typescript(TS2307): Cannot find module '../HelloWorld.vue' or its corresponding type declarations.
   ╭─[src/components/__tests__/HelloWorld.spec.ts:4:24]
 3 │ import { mount } from '@vue/test-utils'
 4 │ import HelloWorld from '../HelloWorld.vue'
   ·                        ───────────────────
 5 │ 
   ╰────

Found 4 errors and 0 warnings in 21 files (1.4s, 14 threads)

Validations

Metadata

Metadata

Assignees

No one assigned

    Type

    Priority

    None yet

    Effort

    None yet

    Target date

    None yet

    Start date

    None yet

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions