Custom absolute path import not working

[ghost]

Hello,

I create a new remix app, and try to create a custom path for my component in tsconfig file like this:

"baseUrl": ".",
    "paths": {
      "~/*": ["./app/*"],
      "@components/*": ["./app/components/*"]
},

so I can import my component like this:

import MyComponent from "@components/MyComponent"

but it says cannot find module when build.

And interesting thing that i found is, if i change ~ to @ in tsconfig file

"paths": {
      "~/*": ["./app/*"],
}

to

"paths": {
      "@/*": ["./app/*"],
}

and import my component like this:

import MyComponent from "@/components/MyComponent"

it says cannot find the module too.

I don't know if this is a remix issue or not,
can you guys help me, please?

Thank you

[sergiodxa]

Remix right now only supports ~/ imports, it doesn’t support any other short path configured in tsconfig or jsconfig files.

[machour]

This feature was added in #2412 and should be available in the next release 🎉

[ghost]

Thanks @machour 🎉 🚀