import {XXX}和import xxx之间的区别

Question

我有两个课

 class Page1 {
   get abc()  { return $('.btn.success'); }
 }
 export default new Page1();   

和另一个班

 export default class Page2  {
     function abc() {
     }
  }

当我导入2个类时，应该使用什么。尝试

会引发错误

`import { Page1} from './page1'`

但在我尝试时可以使用

`import Page1 from './page1'`

但是对于另一堂课，当我尝试

`import Page2 from './page2'`

它会抛出错误并在我尝试时可以工作

 `import {Page2} from './page2'`

有什么区别？ TIA