3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Veturがうまく動かない。files.associations正しく書きましたか?

Posted at

VSCodeでVeturがちゃんと動かなくてVueファイルの中でTS書くと

Type annotations can only be used in TypeScript files.

とか出るんですよ。「なんでだ、なんでだ」とさんざん調べた結果、原因は拡張子vueのファイルがhtmlとして認識されていたからでした。

VSCodeのsettings.jsonがこうなってた。↓

    "files.associations": {
        "*.vue": "html"
    }

こうしたらなおった。↓

    "files.associations": {
        "*.vue": "vue"
    }

なんだよhtmlって。そんなの書いた覚えないんだけど…。(書いたんだろうけど)

settings.jsonを手書きしなくてもVSCodeのSettings[⌘,]からCommonly UsedのFiles: Associationsでも設定できます。
スクリーンショット 2021-04-15 0.38.47.png
いくらググってもこの情報が出てこなかったのはそんなところでハマる人がいないからなんだろうけど、もしもどこかに同じ内容で困っている人がいたら是非ここに辿り着いてほしい。ではでは。

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?