Objekt unterstützt diese Aktion nicht neu x() nach babel transform

Question

Ich konvertiere gerade eine Reihe von JavaScript-Modulen in ECMAScript 6-Klassen. Wir verwenden require.js für den AMD-Loader und schreiben die define ([], ...) Logik manuell.

Wir verwenden Babel, um die ES 6-Klassen zurück zu ES 5 definierten Modulen zu übertragen. Meine bablerc Datei sieht wie folgt aus:

{ 
"presets": ["es2015"], 
"plugins": ["transform-es2015-modules-amd"] 
} 

Eine einfache Klasse sieht wie folgt aus

import x from "dev/x" 
import ko from "knockout" 
import z from "dev/z" 

export class y extends x { 
... 
} 

Die Ausgabe sieht MOSTLY rechts:

define(["exports","dev/x", "knockout", "dev/z"], function(x, knockout, z){ 

Object.defineProperty(exports,"__esModule",{value: true}); 

// Bunch of generated crap 
var y = exports.y = function(_x)...(_x2.default); 
} 

Also, wenn ich versuche zu tun:

var foo = new y(); 

Ich bekomme ein "Objekt nicht s Unterstützen Sie diese Aktion "JavaScript exception.

Ich habe versucht, den generierten Code zu ändern (was ich will nicht zu tun) zu lesen:

var y = exports = function(_x)...(_x2.default); 

Aber das nichts zu tun hat. Allerdings, wenn ich diese Zeile auf diese ändern:

return function(_x)...(_x2.default); 

oder fügen Sie diese Zeile:

var y = exports = function(_x)...(_x2.default); 
return y; 

Alles funktioniert, wie es sollte. Ich möchte die generierte Datei nicht jedes Mal ändern müssen, wenn wir eine Änderung vornehmen, ich möchte nur, dass Babel es tut und recht hat! Was fehlt mir hier?

UPDATE: Ich benutze system.js Teil der Druandal-Bibliotheken (durandaljs.com), die die Aufrufe zu erfordern, indem eine Funktion namens Aquire eine Modul-ID übergeben und es lädt. Also mache ich einen Anruf wie folgt aus:

system.acquire(moduleNameAndPath).then(function acquiredModuleFunc(acquiredModule) { 
    if (acquiredModule !== null || acquiredModule !== undefined){ 
     var item = new acquiredModule(); // Object doesn't support here... 
    } 
} 

wir dies mit einem Pseudo-polymorphen Verhalten einzuführen, wenn Ansicht Modelle erstellt, die eine Ansicht gebunden ist.

Answer 1

Sie exportieren den Konstruktor unter dem Namen y. In Ihrem Import (acquire) scheinen Sie versuchen, new auf dem Modulobjekt selbst zu verwenden. Stattdessen versuchen

system.acquire(moduleNameAndPath).then(function(acquiredModule) { 
    var Y = acquiredModule.y; 
    var item = new Y(); 
});