Javascript ES6 TypeError: Class constructor Client cannot be invoked without ‘new’

by

The problem is that the class extends native ES6 class and is transpiled to ES5 with Babel. Transpiled classes cannot extend native classes, at least without additional measures.

class TranspiledFoo extends NativeBar {
  constructor() {
    super();
  }
}

results in something like

function TranspiledFoo() {
  var _this = NativeBar.call(this) || this;
  return _this;
}
// prototypically inherit from NativeBar

Since ES6 classes should be only called with new, NativeBar.call results in error.

ES6 classes are supported in any recent Node version, they shouldn’t be transpiled. es2015 should be excluded from Babel configuration, it’s preferable to use env preset set to node target.

The same problem applies to TypeScript. The compiler should be properly configured to not transpile classes in order for them to inherit from native or Babel classes.

More Related Contents:

  1. Node.js – SyntaxError: Unexpected token import
  2. Using Node.js require vs. ES6 import/export
  3. ES6 variable import name in node.js?
  4. How can I mock an ES6 module import using Jest?
  5. ECMAScript 6 features available in Node.js 0.12
  6. ES6 template literals vs. concatenated strings
  7. Destructuring in Node.JS
  8. Is it possible to inherit old-style class from ECMAScript 6 class in JavaScript?
  9. Why do I need to await an async function when it is not supposedly returning a Promise?
  10. How to create an instance of a subclass from the super class?
  11. Why is let slower than var in a for loop in nodejs?
  12. Why doesn’t instanceof work on instances of Error subclasses under babel-node?
  13. How to clone a javascript ES6 class instance
  14. How to publish a module written in ES6 to NPM?
  15. then() callback firing before promise is resolved in node.js [duplicate]
  16. How do you import a javascript package from a cdn/script tag in React?
  17. In the `import` syntax of ES6, how is a module evaluated exactly?
  18. Curly brackets (braces) in Node.js ‘require’ statement
  19. What does this `…${…}…` code in the node docs mean? [duplicate]
  20. Using ‘let’ as a variable name is not throwing any errors in google v8
  21. ‘Access-Control-Allow-Credentials’ header in the response is ” which must be ‘true’
  22. “unexpected token import” in Nodejs5 and babel?
  23. require(‘babel/register’) doesn’t work
  24. Node JS / V8 destructuring bug?
  25. Where argument of first next() call goes? [duplicate]
  26. JavaScript asynchronous programming: promises vs generators
  27. How to add mixins to ES6 javascript classes?
  28. using await on global scope without async keyword
  29. ECMA6 generators: yield promise
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment