SolidJS•9mo ago

Link to imported component w/ parameter with Module Federation

I have been following a tutorial from about 2 years ago, aimed at React, with my newfound love of Solid (I have replaced the React icons in Material UI Theme extension for VS Code): https://www.youtube.com/watch?v=lKKsjpH09dU Jack's been a good sport about the issues I've had up to this point, but I don't want to keep bothering him. In any case, I'm attempting to link to the product detail page from the HomeComponent in this way:

<A href={`/product/${product.id}`}>...</A>

<A href={`/product/${product.id}`}>...</A>

There is no error returned, but the route returned winds up being #, as if I haven't passed a parameter. What am I doing wrong? I've imported the component as expected in the webpack.config.js:

            remotes: {
                home: 'home@http://localhost:3000/remoteEntry.js',
                pdp: 'pdp@http://localhost:3001/remoteEntry.js',
                cart: 'cart@http://localhost:3002/remoteEntry.js'
            },

            remotes: {
                home: 'home@http://localhost:3000/remoteEntry.js',
                pdp: 'pdp@http://localhost:3001/remoteEntry.js',
                cart: 'cart@http://localhost:3002/remoteEntry.js'
            },

freeCodeCamp.org

YouTube

Micro-Frontends Course - Beginner to Expert

Don't know what a Micro-Frontend, but you've heard the buzz and you want to learn it. Let me take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro-frontends, how to route multiple applications together, and even how to test Micro-Frontend code. ✏️ Jack's channel: https://www.y...

1 Reply

🦈Spizn[̲̅α]𝚔͢🐺 ︻╦̵̵̿╤──•9mo ago

Please don't go watching the video, but going to the repo link might help with understanding the React version of the code and the intent behind it: https://github.com/jherr/micro-fes-beginner-to-expert/blob/4144c0528e10e54fc613990bb3fbc5c422e528c3/home/src/HomeContent.jsx#L19 It might also be important to note that I'm not using solid-start, as it's not part of the import from the pnpm dlx create-mf-app command yet (I assume he'll update that at some point).

GitHub

micro-fes-beginner-to-expert/home/src/HomeContent.jsx at 4144c0528e...

Code for "Micro Frontends From Beginner to Expert" - jherr/micro-fes-beginner-to-expert

Gaming

Programming

Link to imported component w/ parameter with Module Federation