not supported resolving ES modules imported from build

[mbkProgrammer]

After I update remix from 1.19.3 to 2.0.1 when I want serve build I have this error

Error: Directory import 'C:\Users\mbk20\Projects\pertadex\build' is not supported resolving ES modules imported from C:\Users\mbk20\Projects\pertadex\node_modules\@remix-run\serve\dist\cli.js
Did you mean to import C:/Users/mbk20/Projects/pertadex/build/index.js?
    at new NodeError (node:internal/errors:400:5)
    at finalizeResolution (node:internal/modules/esm/resolve:319:17)
    at moduleResolve (node:internal/modules/esm/resolve:945:10)
    at defaultResolve (node:internal/modules/esm/resolve:1153:11)
    at nextResolve (node:internal/modules/esm/loader:163:28)
    at ESMLoader.resolve (node:internal/modules/esm/loader:842:30)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18)
    at ESMLoader.import (node:internal/modules/esm/loader:525:22)
    at importModuleDynamically (node:internal/modules/cjs/loader:1151:29)
    at importModuleDynamicallyWrapper (node:internal/vm/module:438:21)

this is my remix.config.js file:

/** @type {import('@remix-run/dev').AppConfig} */
module.exports = {
  ignoredRouteFiles: ['**/.*'],
  tailwind: true,
  postcss: true,
  // appDirectory: "app",
  // assetsBuildDirectory: "public/build",
  // serverBuildPath: "build/index.js",
  // publicPath: "/build/",
  serverModuleFormat: 'cjs',

  future: {},
  serverDependenciesToBundle: [
    'swiper',
    'swiper/react',
    'swiper/react/swiper-react.js',
    'ssr-window',
    'ssr-window/ssr-window.esm.js',
    'dom7',
  ],
};

[NinthAutumn]

for anyone currently experiencing this problem i fixed it by changing the package.json:
"start":"remix-serve build"
to
"start":"remix-serve ./build/index.js"

[RoniqueRicketts]

I am experiencing this error in version 2.2.0, Here is my scripts in package.json

"scripts": {
    "build": "remix build",
    "dev": "remix dev --manual -c \"node --watch-path server.js --watch server.js\"",
    "start": "cross-env NODE_ENV=production node ./server.js",
    "typecheck": "tsc"
  },

[RoniqueRicketts]

I am just going to keep this here but I added --experimental-specifier-resolution=node in the start script and it solved the problem. I was importing Material UI to the project when I got this error so if anyone else got this error you could use the above flag.

[alexey-sh]

[rahad06]

this is how it was by default and it did not stop my app from erroring:
"start":"remix-serve ./build/index.js"


i even have the server config for it which should stop the error but it doesnt.

[mkromann]

I am running into the same issue with 2.1. I do not understand it though but Ninth's fix did it for me. If somebody can explain why I would be grateful.

[DKeen0123]

I also experienced this moving to v2. Ninth's fix does seem to work for me too. Looking at the discord, a bunch of folks upgrading have run into this one. Would be a good one for the Remix team to address

[hanqitech]

https://github.com/mui/material-ui/tree/master/examples/material-ui-remix-ts
I solved the problem according to this ,hope this could help you .

[Ikdemm]

I am facing the same problem after migrating to v2.3.0
The solution of changing the start script to "start":"remix-serve ./build/index.js" worked for me 🙏

[zolzaya]

Worked for me :)

[nadiTime]

How would you solve this for dev environment?

[comuneoOrg]

I just had the same question.. i saw on remix docs:
"Note that .env files are only for development. You should not use them in production, so Remix doesn't load them when running remix serve. You'll need to follow your host's guides on adding secrets to your production server"
https://remix.run/docs/en/main/guides/envvars

so i for locally testing, i believe we need to do this manually settings them before:
export MY_ENV_VAR=somethingItShouldHave
this was my solution.
On my cloud it works as expected

[observerkei]

Does anyone know how to solve this error when SPA mode works (no server)? I ran into this problem when trying to run material templates.