Not able to set up working example based on README instructions about universe HOT 11 CLOSED

Can you send me on a minimal repo of your issues?

from universe.

A good example to follow would be this repo
https://github.com/module-federation/module-federation-examples/tree/master/nextjs

from universe.

@Pkearney2021 ...aaaaand that was it! Thanks so much for walking me through the details! I can now successfully run an example as well as build them. I will update my example repo soon with the final working setup. I will also open a PR with more detail to the setup instructions as I'm sure others could use it as well. Then I will close this issue.

from universe.

I had a similar issue with that. What version of next are you using?

I had this issue on next 11 so I downgraded to "next": "10.2.3" try this and see if it starts requesting the correct bundles.

from universe.

@Pkearney2021 thanks! I tried downgrading but now I get compilation errors about the webpack configuration. it'd be super helpful if someone could share either a tutorial or a repo where the latest version of this plugin works with at least SOME designated version of next. as for now we're just looking to build a POC around it.

from universe.

Here is a super minimal repo, only has next2 in it yet. After downgrading to 10.2.3 and adding the custom next.config.js it won't even run, says it's using webpack4. https://github.com/peter-gorgenyi-mgm/nextjs-mf-troubleshooting

from universe.

Hey, sorry I was commenting with two different accounts before.

So to make it run webpack 5 in the next.config.js add this.

future: { webpack5: true }

below reactStrictMode: true,

I tried it there and it worked fine :)

Full config

module.exports = withFederatedSidecar({
  name: "next2",
  filename: "static/chunks/remoteEntry.js",
  exposes: {
    "./sampleComponent": "./components/sampleComponent.js",
  },
  shared: {
    react: {
      // Notice shared are NOT eager here.
      requiredVersion: false,
      singleton: true,
    }
  },
})({
  reactStrictMode: true,
  future: {
    webpack5: true
  }
});

from universe.

Thanks a lot for the config details, Phil. Let me see if I can now complete a stable setup in that repo. Also yes, I have noticed that example repo, I was just disregarding it because of some outdated versions. But it seems like we'll have to wait for this plugin to work with the latest and greatest.

from universe.

Here is my simplified working example repo, I will keep this up to date with new developments around this plugin:

https://github.com/peter-gorgenyi-mgm/nextjs-mf-troubleshooting

from universe.

@ScriptedAlchemy I created a local branch adding more explicit setup instructions after my initial struggle of setting up a working example. Here is a gist of the proposed README.md:

https://gist.github.com/peter-gorgenyi-mgm/410cdd60495cce39f31365c509e7ec5f

Note that some of the additions are temporary for the NextJS 10.2 setup until support for NextJS 11 arrives. If you agree with the additions, add me as a contributor and I can open a pull request. Alternatively feel free to take any part of this gist.

Once again, your contribution is truly appreciated! I will now close this issue.

from universe.

Hey if there's any updates that should be added to the readme, I'll gladly accept PRs to improve ease of use.

I suffer from knowing how all this works and spending many months deep in MF land.

What i think everyone knows vs. what is actually known is hard to reconcile

from universe.