這篇文章是很久前寫的(2016.8.17)臼节,今天整理博客文章時(shí)翻出來。
今天在做項(xiàng)目的時(shí)候遇到一個(gè)問題,原本一個(gè)登陸注冊功能放在了一個(gè)文件內(nèi),但代碼太多,便重新建了2個(gè)文件,一個(gè)里面是登錄組件Login,一個(gè)里面是注冊組件Register,總的組件 LoginAndRegister 里面調(diào)用了兩個(gè)子組件的時(shí)候,我是通過
export default LoginAndRegister 導(dǎo)出的.分開以后,我通過
const Login = require('./Login');
的形式將Login引入進(jìn)來,但發(fā)現(xiàn)不行,一運(yùn)行服務(wù)器就崩了,換成
import Login from './Login';
就可以運(yùn)行了,感覺很奇怪,詢問老師后才知道
export default LoginAndRegister;實(shí)際上等價(jià)于module.exports = {'default': LoginAndRegister }
所以若要用require引用,應(yīng)寫成
const {'default':Login} = require('./Login');
的形式.