vetur: Unexpected Vetur error messages

  • I have searched through existing issues
  • I have read through docs
  • I have read FAQ

Info

  • Platform: macOS
  • Vetur version: 0.19.0
  • VS Code version: 1.33.1

Problem

<template>
  <v-container grid-list-lg>
    Nice
  </v-container>
</template>

<script lang="ts">
import Vue from 'vue';
import { VContainer } from 'vuetify/lib';

export default Vue.extend({
  components: {
    VContainer,
  },
});
</script>

The above component causes the error below:

Screen Shot 2019-04-24 at 12 26 41 PM

Reproducible Case

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Reactions: 38
  • Comments: 27 (4 by maintainers)

Most upvoted comments

I already made a PR #1222.

@aljaxus In your settings.json file you can add "vetur.experimental.templateInterpolationService": false

Right now I turned off Experimental: Template Interpolation Service.

Fixed via #1222.

@aljaxus In your settings.json file you can add "vetur.experimental.templateInterpolationService": false

Thanks. I just found it. I guess I scrolled by when searching for it…

For anyone else that might be searching for the temporary “fix”;

  • VSCode -> Toolbar > File > Preferences > Settings -> (sidebar in settings) Extensions > Vetur > “Experimental: Template Interpolation Service” toggle at the very start of Vetur section (as @chanlito pointed out here)

  • Or just edit the settings.json file, located at “~/.config/Code/User/settings.json” (on Linux. I don’t know where it’s located on MacOS or Windows), and add the "vetur.experimental.templateInterpolationService": false line (as @dukferradj pointed out here)

That’s the same cause. The PR covers your case.

This bug happens when the a attribute name contains a hypen, e.g.

<template>
  <div foo-bar="baz"/>
</template>

I use version 0.18.1 for now.waiting for new release.