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

[posva]

You seem to be doing () => { import(...) } instead of () => import(...) in your last example.