Adding this plugin to the plugin list breaks other Babel functionality

Hi @leonardfactory, I noticed that when I add this plugin to my plugin list it breaks the other transformations in the config. I get this error message when it’s in there:

C:\Users\Robbie\Code\ginger\src\backend\resolvers\RecipeResolver.ts:1       
(function (exports, require, module, __filename, __dirname) { import {      
                                                                     ^      

SyntaxError: Unexpected token {

This is the same error message I get if I do not use Babel at all (or remove the react-app preset). If I don’t use the plugin, metadata reflection doesn’t work (and TypeORM gives me errors) but everything else does. My package.json babel config is this:

"babel": {
    "plugins": [
      "babel-plugin-transform-typescript-metadata",
      "@babel/plugin-proposal-optional-chaining",
      "@babel/plugin-proposal-nullish-coalescing-operator"
    ],
    "presets": [
      "react-app"
    ]
  }

If you need more information, my project repository is here: https://github.com/RobbieGM/ginger Thanks for your help!

[wtho]

Hey, I think you need at least the preset @babel/preset-typescript for this to work, probably even @babel/plugin-proposal-decorators and @babel/plugin-proposal-class-properties.

See the usage section for more.

Don’t forget to close this issue, if this helped you. Cheers!

[RobbieGM]

It works just fine the way it’s configured when run with ts-node but breaks when babel is involved. I’ll give it a try with direct entity class assignment as described. Also, @wtho TypeORM uses decorators and reflect-metadata magic to read types from sources. An example of a class written for TypeORM:

@Entity()
export class User {

    @PrimaryGeneratedColumn()
    id: number;

    @Column()
    firstName: string;

    @Column()
    lastName: string;

    @Column()
    age: number;

}