create-default-webpack-mf app1 errors out on first build

[mattsoldo]

To replicate:

git clone https://github.com/username/zephyr-examplesyarn
cd zephyr-examples/create-default-webpack-mf
yarn
yarn start

Yields the following error:

Uncaught runtime errors:
×
ERROR
Loading script failed.
(error: https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/remoteEntry.js)
while loading "./App" from webpack/container/reference/default_webpack_mf_second
ScriptExternalLoadError
at webpack/container/reference/default_webpack_mf_second (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:321:25)
at webpack_require (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:361:32)
at initExternal (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:647:28)
at webpack_require.I (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:660:15)
at https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:1157:47
at webpack/sharing/consume/default/react/react?0a6c (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:1208:72)
at https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:1244:56
at Array.forEach ()
at webpack_require.f.consumes (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:1225:36)
at https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:441:40
ERROR
Loading script failed.
(error: https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/remoteEntry.js)
while loading "./App" from webpack/container/reference/default_webpack_mf_second
ScriptExternalLoadError
at webpack/container/reference/default_webpack_mf_second (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:321:25)
at webpack_require (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:361:32)
at initExternal (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:647:28)
at webpack_require.I (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:660:15)
at https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:1157:47
at webpack/sharing/consume/default/react/react?0a6c (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:1208:72)
at https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:1244:56
at Array.forEach ()
at webpack_require.f.consumes (https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:1225:36)
at https://matthew-soldo-4-default-webpack-mf-first-zephyr-e-06bb8edd9-ze.zephyrcloud.app/main.js:441:40

[zmzlois]

I am able to reproduce this error https://lois-z-comcord-vision-778-default-webpack-mf-firs-a41d398f0-ze.bundlercorp.io/

The issue happens when the host is unable to find the remotes causing the error - building it again would fix the error when "zephyr understands what's your remote"
https://lois-z-comcord-vision-780-default-webpack-mf-firs-8529e0dd8-ze.bundlercorp.io

We do have a guide on "why you should build the remotes first" https://docs.zephyr-cloud.io/how-to/mf-guide but it does feels crutchy even if we add a better readme on the example + explanation on docs

previously we did have a discussion about adding an empty container to ensure this works when the remotes don't exist cc @ryok90