[SOLVED] Galaxy ERR_REQUIRE_ESM

I have an app using Material UI and I get this error on deployment only. On local I can’t reproduce this error. Anyone have a clue? I have other Material UI Apps and have no issues, just with this one so I’m not sure why.

2022-06-02 08:39:19-07:00Unhandled Exception Error Error [ERR_REQUIRE_ESM] [ERR_REQUIRE_ESM]: Must use import to load ES Module: /app/bundle/programs/server/npm/node_modules/@babel/runtime/helpers/esm/extends.jsy1v8j
2022-06-02 08:39:19-07:00require() of ES modules is not supported.y1v8j
2022-06-02 08:39:19-07:00require() of /app/bundle/programs/server/npm/node_modules/@babel/runtime/helpers/esm/extends.js from /app/bundle/programs/server/npm/node_modules/@mui/material/styles/createTheme.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.y1v8j
2022-06-02 08:39:19-07:00Instead rename extends.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /app/bundle/programs/server/npm/node_modules/@babel/runtime/helpers/esm/package.json.y1v8j
2022-06-02 08:39:19-07:00y1v8j
2022-06-02 08:39:19-07:00 at new NodeError (internal/errors.js:322:7)y1v8j
2022-06-02 08:39:19-07:00 at Object.Module._extensions..js (internal/modules/cjs/loader.js:1102:13)y1v8j
2022-06-02 08:39:19-07:00 at Module.load (internal/modules/cjs/loader.js:950:32)y1v8j
2022-06-02 08:39:19-07:00 at Module.Mp.load (/app/bundle/programs/server/runtime.js:46:33)y1v8j
2022-06-02 08:39:19-07:00 at Function.Module._load (internal/modules/cjs/loader.js:790:12)y1v8j
2022-06-02 08:39:19-07:00 at Module.require (internal/modules/cjs/loader.js:974:19)y1v8j
2022-06-02 08:39:19-07:00 at Module.moduleLink [as link] (/app/bundle/programs/server/node_modules/@meteorjs/reify/lib/runtime/index.js:52:22)y1v8j
2022-06-02 08:39:19-07:00 at Object.<anonymous> (/app/bundle/programs/server/npm/node_modules/@mui/material/styles/createTheme.js:1:23)y1v8j
2022-06-02 08:39:19-07:00 at Module._compile (internal/modules/cjs/loader.js:1085:14)y1v8j
2022-06-02 08:39:19-07:00 at Module.Mp._compile (/app/bundle/programs/server/runtime.js:99:23)y1v8j
2022-06-02 08:39:19-07:00 at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)y1v8j
2022-06-02 08:39:19-07:00 at Module.load (internal/modules/cjs/loader.js:950:32)y1v8j
2022-06-02 08:39:19-07:00 at Module.Mp.load (/app/bundle/programs/server/runtime.js:46:33)y1v8j
2022-06-02 08:39:19-07:00 at Function.Module._load (internal/modules/cjs/loader.js:790:12)y1v8j
2022-06-02 08:39:19-07:00 at Module.require (internal/modules/cjs/loader.js:974:19)y1v8j
2022-06-02 08:39:19-07:00 at Module.moduleLink [as link] (/app/bundle/programs/server/node_modules/@meteorjs/reify/lib/runtime/index.js:52:22)y1v8j
2022-06-02 08:39:19-07:00 at Object.<anonymous> (/app/bundle/programs/server/npm/node_modules/@mui/material/styles/defaultTheme.js:1:-25)y1v8j
2022-06-02 08:39:19-07:00 at Module._compile (internal/modules/cjs/loader.js:1085:14)y1v8j
2022-06-02 08:39:19-07:00 at Module.Mp._compile (/app/bundle/programs/server/runtime.js:99:23)y1v8j
2022-06-02 08:39:19-07:00 at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)y1v8j
2022-06-02 08:39:19-07:00 at Module.load (internal/modules/cjs/loader.js:950:32)y1v8j
2022-06-02 08:39:19-07:00 at Module.Mp.load (/app/bundle/programs/server/runtime.js:46:33) {y1v8j
2022-06-02 08:39:19-07:00 code: 'ERR_REQUIRE_ESM'y1v8j
2022-06-02 08:39:19-07:00}

In case anyone hits this issue of using simpl-schema+grapher+uniforms+SSR, here is the solution. Inside the schema if you override uniforms component that relies on a mui import it will throw this error. You must make sure no file loaded by the server accidentally loads a mui import.

3 Likes

Thanks for sharing the solution @flean!