ES6 import 得到 undefined，import 同一个 js 文件只有一个得到，其他的得到 undefined？

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？

请问各路大大，这是什么情况？