Intellisense not working with vue files

[TheInvoker]

I made a new vite3/vue3/vuetify3/typescript project. Installed VS code and volar extension. All latest version. But when I edit the vue files, I don't get any intellisense on the typescript. How can I resolve it?

[robmolloyntt]

This also the same for me

[johnsoncodehk]

Could you provide repro case?

[robmolloyntt]

I just ran npm init vue@latest and choosing typescript 'Yes', everything else 'No'.

Correction: I said 'Yes' to eslint and prettier

Also thanks for replying so quickly

[johnsoncodehk]

I just ran npm init vue@latest and choosing typescript 'Yes', everything else 'No'.

I don't see problems with this case. Can you describe your situation? (What behavior expected but not working)

[robmolloyntt]

<script setup lang="ts">
import { ref } from "vue";
import { group } from "src/...";

As I'm typing the file path I was expecting to see directory/file suggestions where I've put the .... Also no suggestions for relative paths.

[johnsoncodehk]

@robmolloyntt please add "src/*": ["./src/*"], to compilerOptions.paths in tsconfig, or use relative path instead of.

[robmolloyntt]

I've just seen that I'm getting this eslint error displayed in vscode

[robmolloyntt]

[robmolloyntt]

apologies @johnsoncodehk I should have said that I have added compilerOptions.paths as suggested but it hasn't worked for me

[TheInvoker]

I get this

I get this

node:internal/bootstrap/switches/does_own_process_state:112
  rawMethods.chdir(directory);
             ^

Error: ENOENT: no such file or directory, chdir 'c:\Users\user\Documents\GitHub\CompanyDocumentationViewer' -> 'c:\Users\user\source\repos\GlobalReports'
    at process.wrappedChdir [as chdir] (node:internal/bootstrap/switches/does_own_process_state:112:14)
    at Object.apply (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:20408)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29857
    at Generator.next (<anonymous>)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29461
    at new Promise (<anonymous>)
    at Xa (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29258)
    at owt (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29755)
    at Object.add (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:34421)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:17750 {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'chdir',
  path: 'c:\\Users\\user\\Documents\\GitHub\\CompanyDocumentationViewer',
  dest: 'c:\\Users\\user\\source\\repos\\GlobalReports'
}
[Info  - 3:26:55 PM] Connection to server got closed. Server will restart.
node:internal/bootstrap/switches/does_own_process_state:112
  rawMethods.chdir(directory);
             ^

Error: ENOENT: no such file or directory, chdir 'c:\Users\user\Documents\GitHub\CompanyDocumentationViewer' -> 'c:\Users\user\source\repos\GlobalReports'
    at process.wrappedChdir [as chdir] (node:internal/bootstrap/switches/does_own_process_state:112:14)
    at Object.apply (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:20408)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29857
    at Generator.next (<anonymous>)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29461
    at new Promise (<anonymous>)
    at Xa (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29258)
    at owt (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29755)
    at Object.add (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:34421)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:17750 {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'chdir',
  path: 'c:\\Users\\user\\Documents\\GitHub\\CompanyDocumentationViewer',
  dest: 'c:\\Users\\user\\source\\repos\\GlobalReports'
}
[Info  - 3:27:11 PM] Connection to server got closed. Server will restart.
node:internal/bootstrap/switches/does_own_process_state:112
  rawMethods.chdir(directory);
             ^

Error: ENOENT: no such file or directory, chdir 'c:\Users\user\Documents\GitHub\CompanyDocumentationViewer' -> 'c:\Users\user\source\repos\GlobalReports'
    at process.wrappedChdir [as chdir] (node:internal/bootstrap/switches/does_own_process_state:112:14)
    at Object.apply (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:20408)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29857
    at Generator.next (<anonymous>)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29461
    at new Promise (<anonymous>)
    at Xa (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29258)
    at owt (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29755)
    at Object.add (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:34421)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:17750 {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'chdir',
  path: 'c:\\Users\\user\\Documents\\GitHub\\CompanyDocumentationViewer',
  dest: 'c:\\Users\\user\\source\\repos\\GlobalReports'
}
[Info  - 3:27:24 PM] Connection to server got closed. Server will restart.
node:internal/bootstrap/switches/does_own_process_state:112
  rawMethods.chdir(directory);
             ^

Error: ENOENT: no such file or directory, chdir 'c:\Users\user\Documents\GitHub\CompanyDocumentationViewer' -> 'c:\Users\user\source\repos\GlobalReports'
    at process.wrappedChdir [as chdir] (node:internal/bootstrap/switches/does_own_process_state:112:14)
    at Object.apply (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:20408)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29857
    at Generator.next (<anonymous>)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29461
    at new Promise (<anonymous>)
    at Xa (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29258)
    at owt (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29755)
    at Object.add (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:34421)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:17750 {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'chdir',
  path: 'c:\\Users\\user\\Documents\\GitHub\\CompanyDocumentationViewer',
  dest: 'c:\\Users\\user\\source\\repos\\GlobalReports'
}
[Info  - 3:27:36 PM] Connection to server got closed. Server will restart.
node:internal/bootstrap/switches/does_own_process_state:112
  rawMethods.chdir(directory);
             ^

Error: ENOENT: no such file or directory, chdir 'c:\Users\user\Documents\GitHub\CompanyDocumentationViewer' -> 'c:\Users\user\source\repos\GlobalReports'
    at process.wrappedChdir [as chdir] (node:internal/bootstrap/switches/does_own_process_state:112:14)
    at Object.apply (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:20408)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29857
    at Generator.next (<anonymous>)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29461
    at new Promise (<anonymous>)
    at Xa (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29258)
    at owt (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:29755)
    at Object.add (c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1291:34421)
    at c:\Users\user\.vscode\extensions\vue.volar-0.40.13-win32-x64\dist\node\server.js:1292:17750 {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'chdir',
  path: 'c:\\Users\\user\\Documents\\GitHub\\CompanyDocumentationViewer',
  dest: 'c:\\Users\\user\\source\\repos\\GlobalReports'
}
[Error - 3:27:44 PM] The Volar - Language Features Server server crashed 5 times in the last 3 minutes. The server will not be restarted. See the output for more information.

[Readpato]

Hey I'm having the same problem! Sadly I have no error display. I have already added the "src/*": ["./src/*"] to my compilerOptions.path but the issue still persists. It's also weird, in some files Volar recognizes the .tsconfig.ts file but in others it doesn't!

Example: Here in AdminHome.vue it doesn't recognize the tsconfig file but in the image below, with the component index.vue it does!

• AdminHome.vue
  

• index.vue
  

• tsconfig.ts
  

[johnsoncodehk]

@TheInvoker please try v1.0.x, if still not working please provide minimal reproduction.

@Readpato you can try check tsconfig includes file use this plugin: https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-tsconfig-helper

[TheInvoker]

@johnsoncodehk I get this now

How can I resolve it?

[Readpato]

@Readpato you can try check tsconfig includes file use this plugin: https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-tsconfig-helper

Thank you very much it solved my problem <3

[johnsoncodehk]

@TheInvoker please update the project vue-tsc version, and pin @types/node version to 18.8.0.