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