这篇文章是很久前写的(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');
的形式.
