当同时使用默认导出和命名导出时，命名导入未定义

Question

根据this book，默认导出和命名导出可以同时存在。

但是，当我尝试时，命名的导入始终是未定义的。我使用vue单个文件组件。我的完整代码在codesandbox中。

TestModule.vue

<script>
export default {};
export const test1 = '111';
</script>

App.vue

<template>
  <div id="app">
  </div>
</template>

<script>
import test, { test1 } from './TestModule.vue';
// import test, { test1 } from './TestModule.js';

console.log(test, test1);

export default {
  name: "App",
};
</script>

我认为这可能是因为出口的工作方式不同。因此，我尝试使用具有相同代码的js文件（请参阅TestModule.js）。然后就可以了。

但是我的同事说他可以正常情况下同时导出和导入默认值并在vue文件中命名导出。他猜测可能是因为webpack配置不正确。

那么如何使其工作呢？这是codeandbox的问题吗？