Support for paths configured in tsconfig.json

[baumblatt]

Hello Stackblitz,

First of all, congratulations for the spectacular platform.

As a good practice to skip from '../../..' hell, I make use of tsconfig.json compilerOptions/paths feature like above:

{
  "compilerOptions": {
    .....
    "baseUrl": "src",
    "paths": {
      "@app/*": ["app/*"],
      "@env/*": ["environments/*"]
    }
  }
}

In this way, I can import my home component from core module like:
import {HomeComponent} from '@app/core/pages/home/home.component';

Do you have plans to support this feature?

Sample Project:
angular-xzddx4

Edit line 8 and 9 of /app/app.module.ts

Best Regards,
Bernardo Baumblatt.

[EricSimons]

@baumblatt thanks for the kind words! And yes for sure, we're working to open up tsconfig for folks to modify — will make custom paths makes it in :)

[dieison-depra]

@EricSimons any news about that´s? thanks in advance!

[changhuixu]

Any updates on this issue?
Thanks.

[EigenTheory]

Is this in the works? This is somewhat a crippling feature.

[Disane87]

+1

[oleersoy]

Any progress?

[TjeuKayim]

I would like to enable strick type checking in tsconfig.json.

[santoshsas]

Any update ?

[prakashslm]

+1

[julianobrasil]

news?

[merkuriy]

+1
That would be very helpful to fix.

Example project github/Angular-RU/angular-ngrx-starter

[RemiLelaidier]

No news ?

[ldex]

Having tsconfig.json path aliases support would be great!

[onebrother21]

Open since 2017 and still no deals? Man, yikes. My laptop was stolen and I was really excited to find this platform to use over the phone in the interim. Looks like my first day on it will be consumed w manually replacing each alias reference in every file of my project. Ouch

[amrayoub]

I was hoping this feature would have been done, since 2017 and still didn't yet :(

[hadnet]

Just unbelievable..

[m8xp0w3r]

Any plans for this issue?

[EricSimons]

Hey all- hoping to have this out in the next month or two! Have added to our internal tracker and will circle back here once it's online 👍

[BenRacicot]

@EricSimons Just wondering if this is not available? The stackblitz I'm trying it with will not load when this is used:

      "paths": {
      "@common": [
        "./common"
      ]
    }

[purplem1lk]

Thank you all for your patience - We are launching new core technology into beta next month that should resolve this issue so this will be closed accordingly. If this issue persists, feel free to tag me or ask to reopen this issue with screenshots of the error. Thank you! :)

[PerryCodes]

I don't see where this is now working... Anyone else either able to enable strictNullChecks in compilerOptions or seeing the functionality enabled by default?

[janstadt]

Is this functionality in place yet?

[otatar]

This is not working...

[rsorrt]

Thank you all for your patience - We are launching new core technology into beta next month that should resolve this issue so this will be closed accordingly. If this issue persists, feel free to tag me or ask to reopen this issue with screenshots of the error. Thank you! :)

Hello... still not working

[dhutaryan]

This issue is still reproducing

[Lonli-Lokli]

It's working with WebContainer's version, https://stackblitz.com/edit/angular-standalone-webcontainer?file=README.md

[rsorrt]

any news on path support ?
in tsconfig.json i added "paths":

{
  "compileOnSave": false,
  "compilerOptions": {
   "paths": {
      "@appServices/*": ["./src/app/services/*"],
    },
    "strict": false,
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": ["node_modules/@types"],
    "lib": ["es2018", "dom"]
  },
  "angularCompilerOptions": {
    "strictTemplates": true,
    "strictInjectionParameters": true
  }
}

the project compile and, in a component, i have this:
import { MessageService } from "@appServices/messages/message.service";
that's corresponding to the right path in my project:
stackblitz:/src/app/services/messages/message.service"

app is not showing but I have this error:
Error in src/app/components/messages/messages.component.ts (5:32)
Cannot find module '@appServices/messages/message.service' or its corresponding type declarations.

[ambi-s]

why is this still not working, its been 5 years

[flaviocopes]

Would be nice if this was possible

[rsorrt]

Hello.. any news for using paths ?
bye