Using Aliases in backend? | Payload | Page 1

summer scarab Nov 30, 2022, 4:19 PM

#

Looking at the demo, https://github.com/payloadcms/public-demo I see a lot of imports like this

import MediaContent from '../../blocks/MediaContent';
import populateFullTitle from './hooks/populateFullTitle';
import MediaSlider from '../../blocks/MediaSlider';

I tried to use aliases by modifying the tsconfig file https://github.com/payloadcms/public-demo/blob/master/tsconfig.json
but getting error, has anyone been able to use aliases path?

Idealy importing like this

import MediaContent from '@/blocks/MediaContent';

#

I keep getting code: 'MODULE_NOT_FOUND',

summer scarab Nov 30, 2022, 4:52 PM

#

I see this structure was used on the website, https://github.com/payloadcms/website/blob/d0d3b0a952cc2ce761875440f77dcf21df6f91fe/tsconfig.json but not sure why the same thing doesnt working for the cms

summer scarab Nov 30, 2022, 5:35 PM

#

@steep dock any ideas about this?

steep dock Nov 30, 2022, 5:36 PM

#

Yes, I am about to step out for a bit but this has been covered a few times before in GitHub discussions. You have to alias in a few places (TS, Webpack, and Node itself) for the CMS

#

https://github.com/payloadcms/payload/discussions/505

GitHub

Using custom tsconfig aliases with payload components · Discussion ...

Is there a way to modify the payload express app to use custom path aliases in tsconfig. VS Code recognises my aliases, but when building the app it return 'cannot find module '@uti...

#

here's one

#

but this one i don't think was ever solved fully. but it will give you some background

#

i know people do it

summer scarab Nov 30, 2022, 5:39 PM

#

oh I see

#

yeah this is exactly my issue right now, VSCode recognizes the path but running dev server gives error that module not found

summer scarab Nov 30, 2022, 6:28 PM

#

I gave up on this after spending 3 hours, I could not get it to work, I think it would be great if this can be done easily like nextjs so just modifying the tsconfig file could work

tired crescent May 3, 2023, 9:55 PM

#

I was able to get this working with module-alias package and have the typescript intellisense working. I'm going to attach a few screenshots for reference if anyone else comes across this. If anyone has suggestions on doing this natively with node instead of using that package I would love to hear it.

#

#Using Aliases in backend?