SolidJSS
SolidJS•3y ago•
1 reply
🦈Spizn[̲̅α]𝚔͢🐺 ︻╦̵̵̿╤──

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>

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'
            },
YouTubefreeCodeCamp.org
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...
Micro-Frontends Course - Beginner to Expert
Was this page helpful?