Babel 无法识别 VueJS 组件中的 TypeScript，在其他地方工作答案

【问题标题】：Babel not recognizing TypeScript in VueJS components, working elsewhereBabel 无法识别 VueJS 组件中的 TypeScript，在其他地方工作
【发布时间】：2019-03-02 21:42:30
【问题描述】：

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"
],

【问题讨论】：

标签： typescript vue.js vuejs2 babeljs

【解决方案1】：

这个问题是因为忘记为脚本标签明确指定 TypeScript：

<script lang="ts">

【讨论】：