ES6 Export erweiterte Klasse und dann importieren

Question

Ich habe eine Basisklasse (mobile.js)

class Mobile { 
    constructor() { 
     ... 
    } 
    method(msg){ 
     ... 
    } 
} 
module.exports = Mobile; 

Dann importieren ich es (mobileextended.js);

import Mobile from './mobile'; 

class MobilePhone extends Mobile { 
    method(){ 
     super.method('hello world!'); 
    } 
} 
module.exports = MobilePhone; 

Und am Ende habe ich es importieren möchten mobilephone.js:

import MobilePhone from './mobileextended.js'; 

    MobilePhone.method(); 

Wie kann ich, dass die Arbeit in ES6 Stil machen? Weil ich jetzt bekomme kann nicht lesen Eigenschaft 'offen' von undefinierten Fehler.

Answer 1

Wenn Sie Dinge in der palce nennen Sie sie, wie

import Mobile from './Mobile' 

importieren sollten Sie einen Standardexport, wie

export default Mobile 

vom Ort verwenden, wo Mobile definiert ist.

---

Vergleichen Sie dies mit einem benannten Export

export class Mobile { ... } 

und importiert, die bestimmte Namen in einem separaten Modul mit.

import {Mobile} from Mobile 

---

Wie jedoch durch loganfsmyth in den Kommentaren darauf hingewiesen, dies ist nicht die Quelle des Fehlers. Um eine nicht statische Methode zu verwenden, müssen Sie eine Instanz dieser Klasse erstellen.

const mobilePhone = new MobilePhone() 
mobilePhone.method()