Vetur: Couldn't resolve `'types' can only be used in a .ts file. Vetur(8010)`

[shuta13]

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

Info

• Platform: macOS
• Vetur version: 0.21.1
• VS Code version: 1.35.1

Problem

I tried to use Vetur in my project of TypeScript with Nuxt.js. Then, 'types' can only be used in a .ts file. Vetur(8010) appeared.

However, I found this message didn't appear when I tried to use Vetur in a project of TypeScript with Vue CLI.

Would you show me how deal with that message when using Vetur in TypeScript with Nuxt.js?

[ktsn]

It shouldn't be appeared if the block is lang="ts". Can you provide a self-contained repro? (pasting .vue file, providing example github repo etc.)

[shuta13]

I found it is possible to solve this problem through removing vue-property-decorator and adding nuxt-property-decorator. So it is not problem of Vetur. I'm sorry.

[valentineus]

My solution to this problem:
I added "allowJs": true and "checkJs": true to file tsconfig.json.

[tbenyon]

My solution was to:

• Ensure I had lang="ts" as an attribute in my script tag (as described above)
• Restart VS Code

[nextmat]

In case it helps anyone else, I also ran into this issue when I had a <script lang="ts"> block and later in the same component I had an additional, leftover <script> block.

[MarianVasile]

For people using @flow, using <script lang="js"> fixes the issue in a similar manner.