ES6 import 得到 undefined，import 同一个 js 文件只有一个得到

Question

在 vue-cli 创建的项目中，创建了一个 BaseService.js ：export default class BaseService{}然后有一些其他的 Service 去继承 BaseService：UserService.js：import BaseService from './BaseService';console.log(`UserService : ${BaseService}`);export default class UserService extends BaseService {}TestService.js：import BaseService from './BaseService';console.log(`TestService: ${BaseService}`);export default class TestService extends BaseService {}然后结果是：UserService 能引入 BaseService ， TestService 那边为 undefined ；如果 UserService 不引入 BaseService ， 只有 TestService 引入的话， TestService 就能引入成功！？就好像是这个 BaseService 只能被引入一次？ What？请问各路大大，这是什么情况？

Answer 1

class肯定可以被引用多次的，在入口文件导入两个模块。

import './UserService'

import './TestService'

两个都有输出，如下所示。