鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ ES6 import 得到 undefined,import 同一個(gè) js 文件

ES6 import 得到 undefined,import 同一個(gè) js 文件只有一個(gè)得到,其他的得到 undefined?

vue-cli 創(chuàng)建的項(xiàng)目中,

創(chuàng)建了一個(gè) 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 {}

然后結(jié)果是:

UserService 能引入 BaseService , TestService 那邊為 undefined ;

如果 UserService 不引入 BaseService , 只有 TestService 引入的話, TestService 就能引入成功!?

就好像是這個(gè) BaseService 只能被引入一次? What?

請(qǐng)問各路大大,這是什么情況?

回答
編輯回答
痞性

class肯定可以被引用多次的,在入口文件導(dǎo)入兩個(gè)模塊。

import './UserService'
import './TestService'

兩個(gè)都有輸出,如下所示。
clipboard.png

2017年7月4日 22:14