🦈Spizn[̲̅α]𝚔͢🐺 ︻╦̵̵̿╤── Posts

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

•Created by 🦈Spizn[̲̅α]𝚔͢🐺 ︻╦̵̵̿╤── on 2/8/2024 in #support

Solid-Icons with Webpack and Module Federation?

I've been trying to get Solid-Icons to work with the create-mf-app function (Jack Herrington and Module Federations maintainers), but it won't transpile. Anyone have suggestions to make it work? As a work-around, I'm directly using the SVG code in a local file to create the icons I want from the library where I want them. It's a good learning for adding keys for dynamic styling, but I'd like to use the library the way it was meant to be used.

1 replies

SSolidJS

•Created by 🦈Spizn[̲̅α]𝚔͢🐺 ︻╦̵̵̿╤── on 1/25/2024 in #support

Import React component with Module Federation

I have a simple use case which belies the greater effort: importing a counter with a starting value prop I have a SO post: https://stackoverflow.com/questions/77881409/how-can-i-get-solid-to-process-a-react-component-with-props-using-module-federat It also links to the repo, but here it is anyway: https://github.com/CSworenI/react-to-solid

3 replies

SSolidJS

•Created by 🦈Spizn[̲̅α]𝚔͢🐺 ︻╦̵̵̿╤── on 9/28/2023 in #support

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'
            },

2 replies

Gaming

Programming