Question

在我拥有的index.js中。

import  PageLoader from './pageLoader';
$(function() {
  const pageLoader = new PageLoader();
});

和pageloader.js

class PageLoader{
   constructor(){
    {
       this.customer = null;
       this.data = [];
       this.init();
    }  
   } 
    init() { }
 }
module.exports = PageLoader;

一切正常。但是如果我从页面加载器导入一个类。

import  Customer from './customer';
class PageLoader{
   constructor(){
    {
       this.customer = null;
       this.data = [];
       this.init();
    }  
   } 
    init() { }
 }
module.exports = PageLoader;

和customer.js

class Customer{
    constructor(){
       this.data = [];
       this.init();
    } 
    init() { 

    }
 }
 module.exports = Customer;

我收到

./ src / index.js 10：23-33中的警告“导出'默认'（导入为在'./pageLoader'中找不到'PageLoader'

Answer 1

module.exports

语法来自Modules（在NodeJ中大量使用-对应的语法是require，而不是import）。如果要使用import，则需要使用es6 modules

中的export子句

export default PageLoader

您还可以命名出口

export { PageLoader };

然后

import { PageLoader } from './pageLoader';

es6在类中导入一个类

1 个答案: