All Questions
Tagged with webpack-module-federation next.js
43
questions
1
vote
0
answers
48
views
Utilize react component over URLs dyanamically
I have a React component say TEST.TSX , I have compiled the .tsx file to .js and uploaded it to GitHub, so that I can server it over JsDelivr. Can I use the CDN in another react app to utilize the ...
1
vote
0
answers
60
views
TypeError: dispatcher is null
I'm having some issues, but the main one seems to be the TypeError: dispatcher is null. It appears after several rebuilds of the code. Additionally, in the browser console, I see the warning: Invalid ...
0
votes
0
answers
28
views
How to change chunk load url?
I'm using two Next.js applications and employing webpack to set up module federation for configuring micro-frontends. At the host, I successfully load remoteEntry.js, but when loading related modules, ...
0
votes
0
answers
48
views
How to copy compiled tailwind styles to separate static file in next.js?
I'm trying to host a copy of tailwind compiled styles that are usually inlined to page's tag to a separate file for microfrontend import in module federation. My tailwind styles are in src/shared/...
0
votes
0
answers
86
views
Webpack Module Execution Error: TypeError: Cannot read properties of undefined (reading 'call')
I have an Angular app that acts as the host and imports a React/Nest.js component using Module Federation. I'm encountering the following error
Error loading or rendering the React component: ...
1
vote
1
answer
986
views
Module federation with Next JS with out @module-federation/nextjs-mf
I am transitioning from Java to JS and am currently working on a Next JS project. I got a requirement to share the client component from the Next JS project with another project that is built on ...
0
votes
1
answer
171
views
Error in next module federation: `TypeError: g.useSyncExternalStore is not a function`
I'm getting below error after deploying next app with module federation:
TypeError: g.useSyncExternalStore is not a function
Same app working as standlone application means when run yarn dev/yarn ...
0
votes
1
answer
218
views
how can use microfrontends in nextjs
I'm currently developing a university intranet that encompasses multiple departments. Each department offers unique services. To efficiently manage this complexity, I've opted to implement ...
1
vote
0
answers
63
views
ReferenceError: document is not defined, while loading dynamic component of microfrontend
I'm triying create microfrontend application with next js. I have two next js applications app1 and app2. I'm exposing one component from app1 and trying to consume it in app2.
next.config.js for app1-...
0
votes
0
answers
212
views
Sharing a component that is dependent on a library using nextjs-mf (Module Federation)
I'm currently working on a microfrontend project that I created using nextjs 13 and it uses the https://www.npmjs.com/package/@module-federation/nextjs-mf plugin and am having a bit of difficulty on ...
0
votes
0
answers
135
views
next.js webpack issue after module-federation update to v 7.0.8
i use next.js 12.3.1,
"@next/bundle-analyzer": "^12.3.0",
"@module-federation/nextjs-mf@^6.0.4" update to "@module-federation/nextjs-mf@^7.0.8" .
after yarn ...
0
votes
0
answers
91
views
how to turn off timestamp in next.js module federation remote entry call
I am using next.js with module federations.
modules are defined as header, footer, and the rest of the page.
here header and footer comes from different next.js app using module federation.
and it ...
0
votes
0
answers
124
views
Error importing a remote next js app into react host app with webpack module federation
I am facing an issue with my React application acting as a host using Module Federation. The RemoteEntry.js is successfully loaded according to the network tab, but I encounter a runtime error: Cannot ...
1
vote
0
answers
354
views
NextJS Module Federation Remote to React App Host
I have a Next JS fullstack app that I am trying to split into modules. I implemented as shown in the docs for @module-federation/nextjs-mf. My config in next.config.mjs looks like this:
webpack(config,...
-1
votes
1
answer
1k
views
Shared module next/router doesn't exist in shared scope default , next js ,@module-federation/nextjs-mf
In my next js turbor repo i have a host app with this next.config.js :
const { NextFederationPlugin } = require("@module-federation/nextjs-mf");
const nextConfig = {
reactStrictMode: true,...