Vetur: Unable to use "Go To Definition" inside <script> for single file components

[edward01]

• [x] I have searched through existing issues
• [x] I have read through docs
• [x] I have read FAQ

Info

• Platform: macOS
• Vetur version: 0.24.0
• VS Code version:

Version: 1.44.2
Commit: ff915844119ce9485abfe8aa9076ec76b5300ddd
Date: 2020-04-16T17:07:18.473Z
Electron: 7.1.11
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Darwin x64 19.4.0

Problem

• I'm unable to use "Go to Definition" on one of vue methods (example: inside the mounted())

• VS Code Notification

  Unable to open 'vue-editor-bridge.ts': Unable to read file '/vue-temp/vue-editor-bridge.ts' (Error: Unable to resolve non-existing file '/vue-temp/vue-editor-bridge.ts').
  

• Log (Window) output

  [2020-04-25 22:30:57.576] [renderer1] [error] Unable to read file '/vue-temp/vue-editor-bridge.ts' (Error: Unable to resolve non-existing file '/vue-temp/vue-editor-bridge.ts'): Error: Unable to read file '/vue-temp/vue-editor-bridge.ts' (Error: Unable to resolve non-existing file '/vue-temp/vue-editor-bridge.ts')
  at e.doReadAsFileStream (file:///Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.js:1635:7)
  

Reproducible Case

Sample Code, then use "Go to Definition" on the this.fetchDatabase() under mounted()

<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  mounted() {
    this.fetchDatabase()
  },
  methods: {
    fetchDatabase() {
      console.log('action here')
    }
  },
}
</script>

[janhaa]

Solution to this?

[san-taunk]

I am facing same issue,
what was the solution to this problem?

[svdmitrij]

Same problem, why the issue is closed?

[edward01]

Same problem, why the issue is closed?

Sorry mate, i thought I'm the only one facing this issue so I gave up for the mean time. It was now reopened.

No, it is still not fixed. Just tried ST3 for the meantime 😅

[octref]

@edward01 I cannot reproduce this. Can you follow this guide to collect LSP log?
https://github.com/vuejs/vetur/wiki/Collecting-LSP-log

[edward01]

Per retest today, I no longer encountered my issue on my vue project compared last time. Thanks for the fix.

Closing this issue now

[dtboy1995]

the same issue. when i ctrl+click this.someFunc()
i got

Unable to open 'vue-editor-bridge.ts': Unable to read file '\vue-temp\vue-editor-bridge.ts' (Error: Unable to resolve non-existing file '\vue-temp\vue-editor-bridge.ts').

[ndunn219]

I get the same when I control-click this.someFunc(). It gives me the option to create the file. I tried that and it creates the file in C:\vue-temp\vue-editor-brige.ts. Then the next ctrl+click opens that file, which is empty.

[dariosalvi78]

same here, ctrl+click on a function inside mounted ()

[marcius]

on MacOs same as @ndunn219, but after clicking on "create file" I got this:

[leolafon]

Same on Ubuntu 20.04, the problem seems to only happen when trying to go to definition of a method from inside a life cycle hook (created in my case). It works fine when doing so from another method.

[EarthmanWeb]

I have the same problem. That makes 8 of us, why is this issue closed, without a solution?

I tried creating the file in the root of the project, but that did not fix it. Where is that file supposed to be located, please? The error message is not especially helpful...

[fabis94]

Same issue

[yoyo930021]

I will look this issue.
Please open a new issue when you have a problem.

Actually everyone’s problems may have different causes.
Continuous response in a closed issue is not helpful.