Babel не распознает TypeScript в компонентах VueJS, работая в другом месте

Question

Snip of components/Employees.vue

<script>
import Vue from 'vue';

export default Vue.extend({
    props: ['employees', 'filter', 'fields_employee', 'selected'],
    computed: {
        filteredEmployees() {
            return this.employees.filter(this.filter);
        }
    },
    methods: {
        itemSelected(item: any) {
            this.$emit('itemSelected', item);
        }
    }
});
</script>

, что приводит к следующей ошибке

Employees.vue: Unexpected token, expected "," (30:25)

  28 |     },
  29 |     methods: {
> 30 |         itemSelected(item: any) {
     |                          ^
  31 |             this.$emit('itemSelected', item);
  32 |         }
  33 |     }

Мой основной вид использует TypeScript без проблем, но похоже, что этот файл непризнан правильно.Мой tsconfig.json должен правильно захватывать файл

"include": [
  "src/**/*.ts",
  "src/**/*.tsx",
  "src/**/*.vue",
  "tests/**/*.ts",
  "tests/**/*.tsx"
],

Answer 1

Проблема заключается в том, что вы забыли явно указать TypeScript для тега script:

<script lang="ts">