Get an error from `vue-tsc` after change `app.vue` and save. #17680

lichaozhy · 2024-12-05T08:09:52Z

What happened?

Get an "not found" error after file changes watching. like,

> quasar dev


 .d88888b.
d88P" "Y88b
888     888
888     888 888  888  8888b.  .d8888b   8888b.  888d888
888     888 888  888     "88b 88K          "88b 888P"
888 Y8b 888 888  888 .d888888 "Y8888b. .d888888 888
Y88b.Y8b88P Y88b 888 888  888      X88 888  888 888
 "Y888888"   "Y88888 "Y888888  88888P' "Y888888 888
       Y8b

 App • Using quasar.config.ts in "ts" format

 App • ⚠️  ️️Setting port to closest one available: 9001


 » Reported at............ 12/5/2024 3:52:43 PM
 » App dir................ D:\workspace\quasar
 » App URL................ http://192.168.31.213:9001/
                           http://localhost:9001/
 » Dev mode............... spa
 » Pkg quasar............. v2.17.4
 » Pkg @quasar/app-vite... v2.0.0
 » Browser target......... es2022|firefox115|chrome115|safari14

 App • Opening default browser at http://localhost:9001/

[ESLint] Found 0 error and 0 warning

[vue-tsc] Found 0 errors. Watching for file changes.
[ESLint] Found 0 error and 0 warning

 ERROR(vue-tsc)  File 'D:/workspace/quasar/src/App.vue' not found.
  The file is in the program because:
    Matched by include pattern '.quasar/./../**/*' in 'D:/workspace/quasar/tsconfig.json'
 FILE  undefined:

undefined

[vue-tsc] Found 1 error. Watching for file changes.

What did you expect to happen?

It SHOULD work correctly without any errors.

Reproduction URL

https://github.com/lichaozhy/quasar-issue

How to reproduce?

Init

$ npm init quasar@latest

To change & save ./src/App.vue

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

TypeScript Support

Platforms/Browsers

Chrome

Quasar info output

Operating System - Windows_NT(10.0.26100) - win32/x64
NodeJs - 22.11.0

Global packages
  NPM - 10.9.1
  yarn - Not installed
  pnpm - Not installed
  bun - Not installed
  @quasar/cli - undefined
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.17.4 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.0.0 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.14 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.13 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.5.0
  pinia - 2.3.0 -- Intuitive, type safe and flexible Store for Vue
  vite - 6.0.2 -- Native-ESM powered web dev build tool
  vite-plugin-checker - Not installed
  eslint - 9.16.0 -- An AST-based pattern checker for JavaScript.
  esbuild - 0.24.0 -- An extremely fast JavaScript and CSS bundler and minifier.
  typescript - 5.5.4 -- TypeScript is a language for application scale JavaScript development
  workbox-build - Not installed
  register-service-worker - Not installed
  electron - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - LAPTOP-I624BLRS
  WLAN - 192.168.31.213

Relevant log output

App • Opening default browser at http://localhost:9001/

[ESLint] Found 0 error and 0 warning

[vue-tsc] Found 0 errors. Watching for file changes.
[ESLint] Found 0 error and 0 warning

 ERROR(vue-tsc)  File 'D:/workspace/quasar/src/App.vue' not found.
  The file is in the program because:
    Matched by include pattern '.quasar/./../**/*' in 'D:/workspace/quasar/tsconfig.json'
 FILE  undefined:

undefined

[vue-tsc] Found 1 error. Watching for file changes.
[ESLint] Found 0 error and 0 warning
[ESLint] Found 0 error and 0 warning
[ESLint] Found 0 error and 0 warning
[ESLint] Found 0 error and 0 warning

 ERROR(vue-tsc)  File 'D:/workspace/quasar/src/App.vue' not found.
  The file is in the program because:
    Matched by include pattern '.quasar/./../**/*' in 'D:/workspace/quasar/tsconfig.json'
 FILE  undefined:

undefined

 ERROR(vue-tsc)  File 'D:/workspace/quasar/src/pages/ErrorNotFound.vue' not found.
  The file is in the program because:
    Matched by include pattern '.quasar/./../**/*' in 'D:/workspace/quasar/tsconfig.json'
 FILE  undefined:

undefined

[vue-tsc] Found 2 errors. Watching for file changes.
[ESLint] Found 0 error and 0 warning

Additional context

No response

The text was updated successfully, but these errors were encountered:

rstoenescu · 2024-12-05T09:48:45Z

Hi,

Cannot reproduce on a new project. I suggest you do a pnpm/yarn/npm/bun clean install (delete node_modules and the corresponding lock file).

rstoenescu · 2024-12-05T09:51:23Z

Tried your exact project folder that you supplied. Same thing (works).

lichaozhy · 2024-12-05T09:52:53Z

Tried your exact project folder that you supplied. Same thing (works).

sorry i forgot to push...

lichaozhy · 2024-12-05T10:05:15Z

Occur error when save. Even there is no changes. Maybe it is bug about fs-watching in vue-tsc?

rstoenescu · 2024-12-05T10:10:58Z

I saved the file (with and without changes), but it works as expected.

lichaozhy · 2024-12-05T10:13:51Z

I saved the file (with and without changes), but it works as expected.

on windows? The old @quasar/app-vite^1.x.x works well...

Any other suggestions?

rstoenescu · 2024-12-05T11:05:17Z

Tested on macos. Will be able to test on Windows later today.
But regardless, this would be an external issue with vue-tsc or with vite-plugin-checker.
It also matters if you are on WSL or not. There is some info for windows devs in the docs.

rstoenescu · 2024-12-05T14:45:38Z

Tested on a Windows 11 Home too and could not reproduce. Used Git Bash as shell (so not on WSL). :(

rstoenescu · 2024-12-05T14:52:03Z

Can you use the "regular" terminal instead of the VSCode one pls? Who knows...

rstoenescu · 2024-12-05T14:55:43Z

One more thing: I am on Node 20, not 22. Can you test with v20 also, pls?

lichaozhy · 2024-12-05T15:00:25Z

in powershell not work
using node 20.17 not work

lichaozhy · 2024-12-05T15:11:53Z

There are some things wrong in vue-tsc...

npx vue-tsc -w

then

[11:09:59 PM] File change detected. Starting incremental compilation...

error TS6053: File 'D:/workspace/quasar/src/pages/IndexPage.vue' not found.
  The file is in the program because:
    Matched by include pattern '.quasar/./../**/*' in 'D:/workspace/quasar/tsconfig.json'

[11:09:59 PM] Found 1 error. Watching for file changes.

lichaozhy · 2024-12-05T15:29:51Z

I found renaming the file can solve the problem temporarily.

lichaozhy · 2024-12-05T15:58:24Z

I have to disable vue-tsc now. in quasar.config.ts,

...
        [
          'vite-plugin-checker',
          {
            vueTsc: false, // set to false
            eslint: {
              lintCommand: 'eslint -c ./eslint.config.js "./src*/**/*.{ts,js,mjs,cjs,vue}"',
              useFlatConfig: true,
            },
          },
          { server: false },
        ],
...

lichaozhy added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Dec 5, 2024

github-actions bot added area/typescript bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite labels Dec 5, 2024

rstoenescu added bug/0-needs-info Need more info to reproduce and removed bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. labels Dec 5, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Get an error from `vue-tsc` after change `app.vue` and save. #17680

Get an error from `vue-tsc` after change `app.vue` and save. #17680

lichaozhy commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

Get an error from vue-tsc after change app.vue and save. #17680

Get an error from vue-tsc after change app.vue and save. #17680

Comments

lichaozhy commented Dec 5, 2024

What happened?

What did you expect to happen?

Reproduction URL

How to reproduce?

Flavour

Areas

Platforms/Browsers

Quasar info output

Relevant log output

Additional context

rstoenescu commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

rstoenescu commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

lichaozhy commented Dec 5, 2024

Get an error from `vue-tsc` after change `app.vue` and save. #17680

Get an error from `vue-tsc` after change `app.vue` and save. #17680