Issue with Typescript Aliases

[RoyalVICTOR-pro]

Hi !

In AdonisJS, I use TypeScript aliases:

{
//...
  "compilerOptions": {
    "outDir": "build",
    "rootDir": "./",
    "sourceMap": true,
    "paths": {
      "App/*": [
        "./app/*"
      ],
      "Config/*": [
        "./config/*"
      ],
      "Contracts/*": [
        "./contracts/*"
      ],
      "Database/*": [
        "./database/*"
      ],
      "@Models/*": [
        "./app/Models/*"
      ],
      "@Controllers/*": [
        "./app/Controllers/Http/*"
      ],
      "@Services/*": [
        "./app/Services/*"
      ],
      "@DTO/*": [
        "./app/DataAccessLayer/DTO/*"
      ],
      "@DALInterfaces/*": [
        "./app/DataAccessLayer/Interfaces/*"
      ],
      "@DALRepositories/*": [
        "./app/DataAccessLayer/Repositories/*"
      ],
      "@Enums/*": [
        "./app/Enums/*"
      ],
      "@Validators/*": [
        "./app/Validators/*"
      ]
    },
    //...
  }
}

Firstly, some aliases don't work locally, but others do.

For a file located at ./app/Services/AuthService.ts:

If I do that I get an error:

import { AuthService } from '@Services/AuthService';

If I do that It works:

import { AuthService } from 'App/Services/AuthService';

I don't understand why.

Secondly, when I try to run "npm run build" in production from the terminal, I get an error:

app/Controllers/Http/AuthController.ts:3:34 - error TS2307: Cannot find module 'App/Services/AuthService' or its corresponding type declarations.

If I replace the path:

import { AuthService } from 'App/Services/AuthService';

with the actual relative path:

import { AuthService } from '../../app/Services/AuthService';

then it works.

I've seen similar issues on the internet; is there a proper way to handle this in AdonisJS?
Just a clarification, when I build in production, all aliases come up with errors.

[RoyalVICTOR-pro]

Some news here, so it can help others :

@RomainLanz helped me on Discord with the first problem (aliases who didn't work locally), here is the solution :

First, I didn't specify that in my initial question but you have to declare paths in .adonisrc file like that :

//...
"aliases": {
    "App": "app",
    "Config": "config",
    "Database": "database",
    "Contracts": "contracts",
    "@Models": "app/Models",
    "@Controllers": "app/Controllers/Http",
    "@Services": "app/Services",
    "@DTO": "app/DataAccessLayer/DTO",
    "@DALInterfaces": "app/DataAccessLayer/Interfaces",
    "@DALRepositories": "app/DataAccessLayer/Repositories",
    "@Enums": "app/Enums",
    "@Validators": "app/Validators"
  },
//...

And be carefull of not keeping the /* in aliases and paths :

Where I had

    "@Services/*": "app/Services/*",

Romain makes me change it to :

    "@Services": "app/Services",    

and now it works !

Thanks to him !