Error [ERR_UNSUPPORTED_ESM_URL_SCHEME] on Windows

[ElielC]

Describe the bug

Hello.

During executing Repack on version 5.2.0 on windows this error happens:

error Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'.
Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
    at throwIfUnsupportedURLScheme (node:internal/modules/esm/load:208:11)
    at defaultLoad (node:internal/modules/esm/load:103:3)
    at ModuleLoader.load (node:internal/modules/esm/loader:800:12)
    at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:580:43)
    at #createModuleJob (node:internal/modules/esm/loader:604:36)
    at #getJobFromResolveResult (node:internal/modules/esm/loader:338:34)
    at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:306:41)
    at async onImport.tracePromise.__proto__ (node:internal/modules/esm/loader:643:25)

I tried forking the repo and creating a helper function like this:

export function adaptToPlatformPathToFileURL(filename: string): string {
  if (os.platform() !== 'win32') return filename;
  return url.pathToFileURL(filename).href
}

I traced the error to getDevMiddleware and getMinimizerConfig but after using the helper function the error happens in the compilation process:

✖ [23:46:16.033Z][LoggerPlugin] Failed to build bundle due to errors
✖ [23:46:16.033Z][LoggerPlugin] Error in "../../node_modules/.pnpm/@react-native+js-polyfills@0.81.0/node_modules/@react-native/js-polyfills/console.js":
  × Module build failed:
  ╰─▶   × Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
        │     at throwIfUnsupportedURLScheme (node:internal/modules/esm/load:208:11)
        │     at defaultLoad (node:internal/modules/esm/load:103:3)
        │     at ModuleLoader.load (node:internal/modules/esm/loader:800:12)
        │     at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:580:43)
        │     at #createModuleJob (node:internal/modules/esm/loader:604:36)
        │     at #getJobFromResolveResult (node:internal/modules/esm/loader:338:34)
        │     at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:306:41)
        │     at async onImport.tracePromise.__proto__ (node:internal/modules/esm/loader:643:25)


✖ [23:46:16.033Z][LoggerPlugin] Error in "@module-federation/runtime/rspack.js!=!data:text/javascript,import __module_federation_bundler_runtime__ from "C:\\Users\\eliel\\Desktop\\www\\repack\\node_modules\\.pnpm\\@module-federation+webpack-bundler-runtime@0.8.9\\node_modules\\@module-federation\\webpack-bundler-runtime\\dist\\index.cjs.js";import __module_federation_runtime_plugin_0__ from "C:\\Users\\eliel\\Desktop\\www\\repack\\packages\\repack\\mf\\prefetch-plugin.js";import __module_federation_runtime_plugin_1__ from "C:\\Users\\eliel\\Desktop\\www\\repack\\packages\\repack\\mf\\resolver-plugin.js";import __module_federation_runtime_plugin_2__ from "C:\\Users\\eliel\\Desktop\\www\\repack\\packages\\repack\\mf\\core-plugin.js";const __module_federation_runtime_plugins__ = [__module_federation_runtime_plugin_0__(), __module_federation_runtime_plugin_1__(), __module_federation_runtime_plugin_2__()];const __module_federation_remote_infos__ = {"MiniApp":[{"alias":"MiniApp","name":"MiniApp","entry":"http://localhost:8082/android/mf-manifest.json","externalType":"script","shareScope":"default"}]};const __module_federation_container_name__ = "HostApp";const __module_federation_share_strategy__ = "loaded-first";if((__webpack_require__.initializeSharingData||__webpack_require__.initializeExposesData)&&__webpack_require__.federation){var __webpack_require___remotesLoadingData,__webpack_require___remotesLoadingData1,__webpack_require___initializeSharingData,__webpack_require___consumesLoadingData,__webpack_require___consumesLoadingData1,__webpack_require___initializeExposesData,__webpack_require___consumesLoadingData2;const override=(obj,key,value)=>{if(!obj)return;if(obj[key])obj[key]=value};const merge=(obj,key,fn)=>{const value=fn();if(Array.isArray(value)){var _obj,_key;var _;(_=(_obj=obj)[_key=key])!==null&&_!==void 0?_:_obj[_key]=[];obj[key].push(...value)}else if(typeof value==="object"&&value!==null){var _obj1,_key1;var _1;(_1=(_obj1=obj)[_key1=key])!==null&&_1!==void 0?_1:_obj1[_key1]={};Object.assign(obj[key],value)}};const early=(obj,key,initial)=>{var _obj,_key;var _;(_=(_obj=obj)[_key=key])!==null&&_!==void 0?_:_obj[_key]=initial()};var __webpack_require___remotesLoadingData_chunkMapping;const remotesLoadingChunkMapping=(__webpack_require___remotesLoadingData_chunkMapping=(__webpack_require___remotesLoadingData=__webpack_require__.remotesLoadingData)===null||__webpack_require___remotesLoadingData===void 0?void 0:__webpack_require___remotesLoadingData.chunkMapping)!==null&&__webpack_require___remotesLoadingData_chunkMapping!==void 0?__webpack_require___remotesLoadingData_chunkMapping:{};var __webpack_require___remotesLoadingData_moduleIdToRemoteDataMapping;const remotesLoadingModuleIdToRemoteDataMapping=(__webpack_require___remotesLoadingData_moduleIdToRemoteDataMapping=(__webpack_require___remotesLoadingData1=__webpack_require__.remotesLoadingData)===null||__webpack_require___remotesLoadingData1===void 0?void 0:__webpack_require___remotesLoadingData1.moduleIdToRemoteDataMapping)!==null&&__webpack_require___remotesLoadingData_moduleIdToRemoteDataMapping!==void 0?__webpack_require___remotesLoadingData_moduleIdToRemoteDataMapping:{};var __webpack_require___initializeSharingData_scopeToSharingDataMapping;const initializeSharingScopeToInitDataMapping=(__webpack_require___initializeSharingData_scopeToSharingDataMapping=(__webpack_require___initializeSharingData=__webpack_require__.initializeSharingData)===null||__webpack_require___initializeSharingData===void 0?void 0:__webpack_require___initializeSharingData.scopeToSharingDataMapping)!==null&&__webpack_require___initializeSharingData_scopeToSharingDataMapping!==void 0?__webpack_require___initializeSharingData_scopeToSharingDataMapping:{};var __webpack_require___consumesLoadingData_chunkMapping;const consumesLoadingChunkMapping=(__webpack_require___consumesLoadingData_chunkMapping=(__webpack_require___consumesLoadingData=__webpack_require__.consumesLoadingData)===null||__webpack_require___consumesLoadingData===void 0?void 0:__webpack_require___consumesLoadingData.chunkMapping)!==null&&__webpack_require___consumesLoadingData_chunkMapping!==void 0?__webpack_require___consumesLoadingData_chunkMapping:{};var __webpack_require___consumesLoadingData_moduleIdToConsumeDataMapping;const consumesLoadingModuleToConsumeDataMapping=(__webpack_require___consumesLoadingData_moduleIdToConsumeDataMapping=(__webpack_require___consumesLoadingData1=__webpack_require__.consumesLoadingData)===null||__webpack_require___consumesLoadingData1===void 0?void 0:__webpack_require___consumesLoadingData1.moduleIdToConsumeDataMapping)!==null&&__webpack_require___consumesLoadingData_moduleIdToConsumeDataMapping!==void 0?__webpack_require___consumesLoadingData_moduleIdToConsumeDataMapping:{};const consumesLoadinginstalledModules={};const initializeSharingInitPromises=[];const initializeSharingInitTokens={};const containerShareScope=(__webpack_require___initializeExposesData=__webpack_require__.initializeExposesData)===null||__webpack_require___initializeExposesData===void 0?void 0:__webpack_require___initializeExposesData.shareScope;for(const key in __module_federation_bundler_runtime__){__webpack_require__.federation[key]=__module_federation_bundler_runtime__[key]}early(__webpack_require__.federation,"consumesLoadingModuleToHandlerMapping",()=>{const consumesLoadingModuleToHandlerMapping={};for(let[moduleId,data]of Object.entries(consumesLoadingModuleToConsumeDataMapping)){consumesLoadingModuleToHandlerMapping[moduleId]={getter:data.fallback,shareInfo:{shareConfig:{fixedDependencies:false,requiredVersion:data.requiredVersion,strictVersion:data.strictVersion,singleton:data.singleton,eager:data.eager},scope:[data.shareScope]},shareKey:data.shareKey}}return consumesLoadingModuleToHandlerMapping});early(__webpack_require__.federation,"initOptions",()=>({}));early(__webpack_require__.federation.initOptions,"name",()=>__module_federation_container_name__);early(__webpack_require__.federation.initOptions,"shareStrategy",()=>__module_federation_share_strategy__);early(__webpack_require__.federation.initOptions,"shared",()=>{const shared={};for(let[scope,stages]of Object.entries(initializeSharingScopeToInitDataMapping)){for(let stage of stages){if(typeof stage==="object"&&stage!==null){const{name,version,factory,eager,singleton,requiredVersion,strictVersion}=stage;const shareConfig={};const isValidValue=function(val){return typeof val!=="undefined"};if(isValidValue(singleton)){shareConfig.singleton=singleton}if(isValidValue(requiredVersion)){shareConfig.requiredVersion=requiredVersion}if(isValidValue(eager)){shareConfig.eager=eager}if(isValidValue(strictVersion)){shareConfig.strictVersion=strictVersion}const options={version,scope:[scope],shareConfig,get:factory};if(shared[name]){shared[name].push(options)}else{shared[name]=[options]}}}}return shared});merge(__webpack_require__.federation.initOptions,"remotes",()=>Object.values(__module_federation_remote_infos__).flat().filter(remote=>remote.externalType==="script"));merge(__webpack_require__.federation.initOptions,"plugins",()=>__module_federation_runtime_plugins__);early(__webpack_require__.federation,"bundlerRuntimeOptions",()=>({}));early(__webpack_require__.federation.bundlerRuntimeOptions,"remotes",()=>({}));early(__webpack_require__.federation.bundlerRuntimeOptions.remotes,"chunkMapping",()=>remotesLoadingChunkMapping);early(__webpack_require__.federation.bundlerRuntimeOptions.remotes,"idToExternalAndNameMapping",()=>{const remotesLoadingIdToExternalAndNameMappingMapping={};for(let[moduleId,data]of Object.entries(remotesLoadingModuleIdToRemoteDataMapping)){remotesLoadingIdToExternalAndNameMappingMapping[moduleId]=[data.shareScope,data.name,data.externalModuleId,data.remoteName]}return remotesLoadingIdToExternalAndNameMappingMapping});early(__webpack_require__.federation.bundlerRuntimeOptions.remotes,"webpackRequire",()=>__webpack_require__);merge(__webpack_require__.federation.bundlerRuntimeOptions.remotes,"idToRemoteMap",()=>{const idToRemoteMap={};for(let[id,remoteData]of Object.entries(remotesLoadingModuleIdToRemoteDataMapping)){const info=__module_federation_remote_infos__[remoteData.remoteName];if(info)idToRemoteMap[id]=info}return idToRemoteMap});override(__webpack_require__,"S",__webpack_require__.federation.bundlerRuntime.S);if(__webpack_require__.federation.attachShareScopeMap){__webpack_require__.federation.attachShareScopeMap(__webpack_require__)}override(__webpack_require__.f,"remotes",(chunkId,promises)=>__webpack_require__.federation.bundlerRuntime.remotes({chunkId,promises,chunkMapping:remotesLoadingChunkMapping,idToExternalAndNameMapping:__webpack_require__.federation.bundlerRuntimeOptions.remotes.idToExternalAndNameMapping,idToRemoteMap:__webpack_require__.federation.bundlerRuntimeOptions.remotes.idToRemoteMap,webpackRequire:__webpack_require__}));override(__webpack_require__.f,"consumes",(chunkId,promises)=>__webpack_require__.federation.bundlerRuntime.consumes({chunkId,promises,chunkMapping:consumesLoadingChunkMapping,moduleToHandlerMapping:__webpack_require__.federation.consumesLoadingModuleToHandlerMapping,installedModules:consumesLoadinginstalledModules,webpackRequire:__webpack_require__}));override(__webpack_require__,"I",(name,initScope)=>__webpack_require__.federation.bundlerRuntime.I({shareScopeName:name,initScope,initPromises:initializeSharingInitPromises,initTokens:initializeSharingInitTokens,webpackRequire:__webpack_require__}));override(__webpack_require__,"initContainer",(shareScope,initScope,remoteEntryInitOptions)=>__webpack_require__.federation.bundlerRuntime.initContainerEntry({shareScope,initScope,remoteEntryInitOptions,shareScopeKey:containerShareScope,webpackRequire:__webpack_require__}));override(__webpack_require__,"getContainer",(module1,getScope)=>{var moduleMap=__webpack_require__.initializeExposesData.moduleMap;__webpack_require__.R=getScope;getScope=Object.prototype.hasOwnProperty.call(moduleMap,module1)?moduleMap[module1]():Promise.resolve().then(()=>{throw new Error('Module "'+module1+'" does not exist in container.')});__webpack_require__.R=undefined;return getScope});__webpack_require__.federation.instance=__webpack_require__.federation.runtime.init(__webpack_require__.federation.initOptions);if((__webpack_require___consumesLoadingData2=__webpack_require__.consumesLoadingData)===null||__webpack_require___consumesLoadingData2===void 0?void 0:__webpack_require___consumesLoadingData2.initialConsumes){__webpack_require__.federation.bundlerRuntime.installInitialConsumes({webpackRequire:__webpack_require__,installedModules:consumesLoadinginstalledModules,initialConsumes:__webpack_require__.consumesLoadingData.initialConsumes,moduleToHandlerMapping:__webpack_require__.federation.consumesLoadingModuleToHandlerMapping})}}":
  × Module build failed:
  ╰─▶   × Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
        │     at throwIfUnsupportedURLScheme (node:internal/modules/esm/load:208:11)
        │     at defaultLoad (node:internal/modules/esm/load:103:3)
        │     at ModuleLoader.load (node:internal/modules/esm/loader:800:12)
        │     at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:580:43)
        │     at #createModuleJob (node:internal/modules/esm/loader:604:36)
        │     at #getJobFromResolveResult (node:internal/modules/esm/loader:338:34)
        │     at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:306:41)
        │     at async onImport.tracePromise.__proto__ (node:internal/modules/esm/loader:643:25

.
.
.
.
.
.

I would like to make a pull request fixing the issue and direction into what i should do would be really helpfull.

Thanks.

System Info

System:
  OS: Windows 11 10.0.26100
  CPU: "(16) x64 AMD Ryzen 7 5800X3D 8-Core Processor           "
  Memory: 16.90 GB / 31.93 GB
Binaries:
  Node:
    version: 21.2.0
    path: ~\node_modules\.bin\node.CMD
  Yarn: Not Found
  npm:
    version: 10.9.2
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK: Not Found
IDEs:
  Android Studio: Not Found
  Visual Studio: Not Found
Languages:
  Java: Not Found
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: catalog:testers
  react:
    installed: 19.1.0
    wanted: "catalog:"
  react-native:
    installed: 0.81.0
    wanted: "catalog:"
  react-native-windows: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Re.Pack Version

5.2.0

Reproduction

.

Steps to reproduce

Download the repo on a windows machine.

Run pnpm install.

Go into a app.

Run pnpm start:hostApp

[ElielC]

we found that version 5.1.3 still works on windows.

[jbroma]

we found that version 5.1.3 still works on windows.

thanks, that will narrow the suspects nicely 🙌

[domibowo]

is there any proper fix in 5.2.1 for Windows?

[jbroma]

is there any proper fix in 5.2.1 for Windows?

Not yet, no capacity to investigate this currently, feel free to open a PR and I'll review it

[ElielC]

is there any proper fix in 5.2.1 for Windows?

Not yet, no capacity to investigate this currently, feel free to open a PR and I'll review it

Is there a likely culprit? i`ve been trying to debug the issue on windows.

[Rnbsov]

encountered with it too ;(

[sahajarora1286]

This has become a big unexpected blocker for upgrading to latest repack.
The need to get this resolved is pressing and I can only hope that the team at repack is able to fix it asap.
Hoping for some good news soon!

[ElielC]

Here, some of our devs, that use windows, have to maintain branches with a older version of re.pack while making sure to not push it to the origin, it creates a complex situation, especially when we are already using features supported on repack 5.2 like rozenite and the new babel loader.

[sahajarora1286]

Thanks for responding, @ElielC !
I understand the complexity of the situation. We have run into the same problem but from a different angle, where our Windows devs won't be able to develop once we merge this upgrades PR (to latest repack), which we really need to to be able to use all the benefits of latest repack, RN, Nativewind, loaders, etc.

May I ask if you're planning to get this resolved at this point or if we should expect for a resolution to not be around any time soon ?

Meanwhile, I'm trying to get my hands on a Windows machine so I can try and find a fix and fork / create a PR here.

[ElielC]

As i am not a contributor to Re.pack i unfortunately don`t have the experience or knowledge do fix this, the same as you, ive been trying to fix this on my spare time but no luck so far.

I just shared above what we have been doing to get some of the features from the newer version of repack while still having windows developer as it might help

[sahajarora1286]

Ah I see. Sorry I thought you were a part of the Repack team. My bad. And thanks again!

If I make any progress on it, I'll share it here.

[jbroma]

Hi, sorry for the long delay on this one, I've managed to pinpoint the root cause and will fix it soon along with a patch release, please stay tuned 🙏