報錯“

export 'default' (imported as 'mod') was not found in '-!../../../../node_module
s/cache-loader/dist/cjs.js!../../../../node_modules/thread-loader/dist/cjs.js??c
lonedRuleSet-2[0].rules[0].use[1]!../../../../node_modules/babel-loader/lib/inde
x.js!../../../../node_modules/ts-loader/index.js??clonedRuleSet-2[0].rules[0].us
e[3]!../../../../node_modules/thread-loader/dist/cjs.js??ruleSet[0].rules[0].use
[1]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index
.vue?vue&type=script&lang=ts&' (possible exports: __esModule)

”

報以上錯誤的問題原因：

我的原始碼如下：

index.vue

<template>
  <div class="hello-edsp-hello-module">
    <el-table :data="getList" style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"></el-table-column>
      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 
 
'vue-property-decorator';
interface List {
  date: string;
  name: string;
  address: string;
}

@Component
export default class TestModule extends Vue {
  getList:List[] = [{
    date: '1111',
    name: 'nnnnn',
    address: '地址'
  }];
  showHelloEditDialog: boolean = false;
}
</script>

原因其實是我預設匯出的TestModule和其他元件預設匯出的名字重名了，所以報錯，將這個名字修改一下，系統可以正常執行。