AdonisJS 6 Event Emitter Type Error and passed data undefined

[martianmaikel]

I was following the docs to create an event on Emitter Docs.
I created an Event with node ace make:event user_registered looking like this

import User from '#models/user'
import { BaseEvent } from '@adonisjs/core/events'

export default class UserRegistered extends BaseEvent {
  /**
   * Accept event data as constructor parameters
   */
  constructor(public user: User) {
    super()
  }
}

and an Listener node ace make:listener send_welcome_email looking like this

import User from "#models/user";
import RegisteredUserEmailService from "#services/emails/app/registered_user_email_service";
import { inject } from "@adonisjs/core";

@inject()
export default class SendWelcomeEmail {
    constructor(protected emailService: RegisteredUserEmailService) { }
    handle(user: User) {
        this.emailService.welcomeEmail(user);
    }
}

then I first tried in start/events.ts, following the docs, to use the listen() Method like so:

import UserRegistered from '#events/user_registered'
import emitter from '@adonisjs/core/services/emitter'
/** user registered */
emitter.listen(UserRegistered, [
    () => import('#listeners/send_welcome_email')
])

but I'm constantly getting a type error in my ide

Type '() => Promise<typeof import("c:/path/app/listeners/send_welcome_email")>' is not assignable to type 'ListenerClassWithHandleMethod<UserRegistered> | LazyImport<ListenerClassWithHandleMethod<UserRegistered>>'

while ts.config.json is the one preconfigured from adonisjs

{
  "extends": "@adonisjs/tsconfig/tsconfig.app.json",
  "compilerOptions": {
    "rootDir": "./",
    "outDir": "./build"
  }
}

Then I tried to use the on() method, also following the docs like so:

import UserRegistered from '#events/user_registered'
import emitter from '@adonisjs/core/services/emitter'
/** user registered */
emitter.on(UserRegistered, [() => import('#listeners/send_welcome_email')])

This works now without any type error but the user object (model) is undefined in the SendWelcomeEmail Listener. I dispatch the event in the controller like that

    async register({ request, response }: HttpContext) {
        const data = request.all();
        const validatedData = await registerUserValidator.validate(data);
        const user = await this.userAuthService.register(validatedData);
        UserRegistered.dispatch(user);
        return response.status(200).json(user);
    }

I'm struggeling to get this simple thing to work and I tried all I can imagine. Anyone have an idea why both examples don't work?

[thetutlage]

In your listener, you get the event and not the User. So it should be

import User from "#models/user";
+ import UserRegistered from '#events/user_registered'
import RegisteredUserEmailService from "#services/emails/app/registered_user_email_service";
import { inject } from "@adonisjs/core";

@inject()
export default class SendWelcomeEmail {
    constructor(protected emailService: RegisteredUserEmailService) { }
-    handle(user: User) {
-        this.emailService.welcomeEmail(user);
+    handle(event: UserRegistered) {
+        this.emailService.welcomeEmail(event.user);
    }
}