TypeError: "class constructors must be invoked with 'new'"

[kud]

Hello,

I'm doing this:

import React from "react"
import { Model } from 'coloquent'

class AppModel extends Model {
  getJsonApiBaseUrl() {
    return 'http://mysite.com/api'
  }
}

class Bill extends AppModel {
  jsonApiType = 'bills'
}


class SandboxPageMainPage extends React.Component {
  static propTypes = {}

  static defaultProps = {}

  state = {}

  componentDidMount() {
    const billModel = new Bill()

    billModel.get()
  }

  render() {
    return (
      <div>Coloquent test!</div>
    )
  }
}

export default SandboxPageMainPage

And I get this error:

TypeError: "class constructors must be invoked with 'new'"

Is it normal?

[mkamensky]

I have a similar problem. Is there any workaround?

[manuelantoncalvo]

I have the same problem in Angular

[kud]

I wonder if it only works with typescript.

[DavidDuwaer]

@kud @ManuelCalvo @mkamensky Because Coloquent classes are compiled to ES6 classes, if you extend them in code that is compiled to ES5 you get this problem. Could it be that your projects are compiled to ES5?

[kud]

That's right!

[DavidDuwaer]

Maybe changing the compile target of this library to es5 would solve the problem, but I'm not sure if it's possible since the library relies on others extending its classes, for one. Would anyone care to try?

[ConsoleTVs]

I was using vue's typescript config and failed (didn't try again tho).

// tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    "strict": true,
    "module": "es2015",
    "moduleResolution": "node"
  }
}