export 'default' (imported as 'mod') was not found in '-!../../../../node_m

报错“

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和其他组件默认导出的名字重名了,所以报错,将这个名字修改一下,系统可以正常运行。

上一篇:webpack配置


下一篇:flask 快速上手