export ‘default’ (imported as ‘mod’) was not found in ‘-!../../../../node_module .vue?vue&type=script&lang=ts&’ (possible exports: __esModule)

Error Messages:

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)
”

The reason for the above error:
My source code is as follows:
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>

The reason is that my default exported testmodule and other components have the same default exported names, so an error is reported. Modify the name and the system can run normally.

Similar Posts: