question: Using Typedi with Vite - Returning ContainerInstance2

[lucastanger]

I was trying to... We are using an Nx monorepo for our projects. As Nx included Vite in its most recent release, we wanted to try it out in one of our react projects. The brain of our applications is a library that injects services via typedi, which worked without any problems.

The problem: Since we changed to Vite, typedi is not injecting the services anymore. One thing i noticed was that instead of returning the Service as expected it returned an Instance of ContainerInstance2. I could not find any explanation why this suddenly occurs?

[attilaorosz]

I have no experience with vite but the container instance is injected as the last parameter always, so it seems like your service is not recognized for some reason. Could you please setup a repo where we could test?

[JoCat]

I ran into a similar problem, it is because esbuild (it is used under the hood in vite) intentionally does not support emitDecoratorMetadata (https://github.com/evanw/esbuild/issues/257), this causes decorators to not work.

I was helped by the solution https://github.com/anatine/esbuildnx/tree/main/packages/esbuild-decorators

[asika32764]

This works for me.

import { esbuildDecorators } from '@anatine/esbuild-decorators';

export default defineConfig(() => {
  return {
    ...
    optimizeDeps: {
      esbuildOptions: {
        plugins: [
          esbuildDecorators({
            tsconfig: 'tsconfig.app.json',
          })
        ],
      }
    }
  };
});