javascript - Vue&TypeScript：如果将 .vue 文件中的脚本部分从 JavaScript 重写为 TypeScript，则“找不到文件”

Question

TypeScript 基本上已经在我的 Webpack 项目中设置，并且我有多个TypeScript 文件。此外，在 . ts文件，vue-property-decorator图书馆也可以。

当我尝试将Application.vue中的以下代码重写为 TypeScript 时，出现错误

Error: Could not find file: 'C:\...\development\1_Source\3_admin\3_scripts\Application.vue'.

Application.vue之前（工作）：

<script>
  export default {
    data() {
      return {
        navigationDrawerOpened: false
      }
    }
  }
</script>

Application.vue之后（有错误）：

<script lang="ts">
  import { Vue, Component} from "vue-property-decorator";

  @Component
  export default class Application extends Vue {
    private navigationDrawerOpened: boolean = false;
  }
</script>

App.ts（应用程序入口点）

import Vue from 'vue';
import Vuetify from 'vuetify';
import Application from './Application.vue';
import router from './router/router';

Vue.use(Vuetify);

new Vue({
  el: '#application',
  router,
  components: { Application },
  template: '<Application/>'
});

标签： javascripttypescriptvue.jswebpack