Cannot find package with path aliases and esm module

[Vinorcola]

Hello there,

I'm trying to migrate a typescript project that were compiled in CommonJS modules to ESM.

In order for it to work I changed :

in package.json:

{
+    "type": "module"
}

in remix.config.js:

{
-    serverModuleFormat: "cjs",
+    serverModuleFormat: "esm",
}

From there, the code generated is what I expected. However, it does not handles the path aliases I configured in my tsconfig.json file.

I have the following paths configured:

{
  "compilerOptions": {
    "paths": {
      "@Components/*": ["./components/*"]
    }
  }
}

And the emitted code still contains statements as import xyz from "@Components/xyz.js".

Thus, the run fails with the following error:

Error: Cannot find package '@Components/xyz' import from /path/to/project/build/index.js
    at packageResolve (node:internal/modules/esm/resolve:853:9)
    at moduleResolve (node:internal/modules/esm/resolve:910:20)
    at defaultResolve (node:internal/modules/esm/resolve:1130:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:85:39)
    at link (node:internal/modules/esm/module_job:84:36)

I expect the import path should be transformed to a relative path somehow? How can I configure that with Remix?

Thanks for your help.

[Vinorcola]

I fix the issue by switching to Vite.

See https://remix.run/docs/en/main/future/vite#migrating