How to handle adding dynamic router components

[zwb0619]

"vue": "^3.2.47",
"vue-router": "^4.1.6"

Component outputted by static routing

When adding dynamic routes for component convert

component: (resolve: any) => {require((../views/${item.res_path}.vue), resolve)},
error: vue-router.mjs:3451 ReferenceError: require is not defined

const views = import.meta.glob("../views//.vue");
component: views["../views/" + item.res_path + ".vue"]

Although the file was loaded correctly, an error 404 was reported when opening

component: () => import(../views/${item.res_path} .vue),

component is undefined

There are no issues with the component format of static routing

What can I do to make the result the same as the component of a static route

[LinusBorg]

This is not possible directly, and likely won't be in the future.

The next best thing you can do is to have a small wrapper component as the route component, and that component can then load /create async components with vue core's defineAsyncComponent()