Still fairly new to VUE, I'm excited to implement the best practices I've picked up from other frontend technologies, particularly the micro-frontend approach. While I have successfully been able to dynamically load my module, I've hit a roadblock when it comes to adding routes for my micro-apps to the router.
When I use this code snippet:
router.addRoute("root", {
path: '/' + frontendModule.name.toLowerCase(),
name: frontendModule.name,
component: () => import(frontendModule.url),
meta: { title: frontendModule.name }
})
It's not working as expected and I'm seeing an error message saying "Failed to resolve module specifier 'module-web-cli/App'."
However, when I modify the code like this:
router.addRoute("root", {
path: '/' + frontendModule.name.toLowerCase(),
name: frontendModule.name,
component: () => import("module-web-cli/App"),
meta: { title: frontendModule.name }
})
Surprisingly, it starts to work. Though interestingly enough, the value of "frontendModule.url" remains exactly as "module-web-cli/APP".