拡張エラーes6クラスモジュールの問題

Question

私は非常に奇妙なバグを抱えています。私はこのモジュールを入手できない理由をデバッグしようとしていますes6-errorバベル6で動作します。テストは失敗し続けます。これらのテストの1つはかなり単純ですが、カスタムエラーのインスタンスはエラーでなければなりません。どちらもtrueである必要があります。

console.log(err instanceof Error) 
console.log(err instanceof ExtendableError) 

ここでは、ログの両方がtrueを返す場所作業jsbin上の正確な同じsrcコードの例があります。

• jsbin with uncompiled working babel code
• jsbin with compiled working babel code

同じ現象は、1つのノードファイルにそのコードを入れて、それを実行した場合に発生します。

テストが失敗した理由は、モジュールのインポートが正常に動作していないためです。これは異常に失敗します。

import ExtendableError from './index' 

var b = new ExtendableError(); 

console.log(b instanceof ExtendableError) // false 
console.log(b instanceof Error) // true 

なぜそれがconsole.logは私がtrue、true有効な動作を取得し、私はそれ自身のファイルにExtendableErrorを持っている場合、それはfalse、trueなるとExtendableErrorの宣言は、同じファイル内にあるときにということでしょうか？

ここにはoutput of the working babel 5 codeです。

Answer 1

この問題を回避するには、extendsのためにバベルのポリフィルの使用を停止し、あなた自身の

バベルたるみチャネルを介し率いる

class ExtendableError { 
    constructor(message = '') { 
    Error.call(this, message) 

    // extending Error is weird and does not propagate `message` 
    Object.defineProperty(this, 'message', { 
     enumerable : false, 
     value : message, 
     writable : true, 
    }); 

    Object.defineProperty(this, 'name', { 
     enumerable : false, 
     value : this.constructor.name, 
     writable : true, 
    }); 

    if (Error.hasOwnProperty('captureStackTrace')) { 
     Error.captureStackTrace(self, this.constructor); 
     return 
    } 

    Object.defineProperty(this, 'stack', { 
     enumerable : false, 
     value : (new Error(message)).stack, 
     writable : true, 
    }); 
    } 
} 

ExtendableError.prototype = Object.create(Error.prototype) 

var b = new ExtendableError() 

console.log(b instanceof Error) // true 
console.log(b instanceof ExtendableError) // true 

Answer 2

の拡張を行うことで、速やかにバベルと、この下位互換性を可能にするこのプラグインについてに充填し、 5.

https://github.com/loganfsmyth/babel-plugin-transform-builtin-extend

{ 
    ["babel-plugin-transform-builtin-extend", { 
    "globals": ["Error"], 
    "approximate": true 
    }] 
} 

Here's the pr to es6-error.