这样代码有错吗？export const loadComponent = (componentName: string): (() => Promise<any>) => { if (!componentName) { throw Error(`not exist ${componentName}`) } const paths = componentName.split('/') const filename = paths.pop() const dirname = paths.join('/') if (!filename) { throw Error(`not exist ${filename}`) } console.log(dirname) switch (paths.length) { case 1: return () => import(`@/${paths[0]}/${filename.substring(0, filename.lastIndexOf('.'))}.vue`) case 2: return () => import(`@/${paths[0]}/${paths[1]}/${filename.substring(0, filename.lastIndexOf('.'))}.vue`) case 3: return () => import( `@/${paths[0]}/${paths[1]}/${paths[2]}/${filename.substring( 0, filename.lastIndexOf('.') )}.vue` ) case 4: return () => import( `@/${paths[0]}/${paths[1]}/${paths[2]}/${paths[3]}/${filename.substring( 0, filename.lastIndexOf('.') )}.vue` ) case 5: return () => import( `@/${paths[0]}/${paths[1]}/${paths[2]}/${paths[3]}/${paths[4]}/${filename.substring( 0, filename.lastIndexOf('.') )}.vue` ) } return () => import(`@/${paths.join('/')}/${filename.substring(0, filename.lastIndexOf('.'))}.vue`) }

你的代码看起来是没有语法错误的。它定义了一个名为 `loadComponent` 的函数，该函数接受一个 `componentName` 参数，并返回一个返回 `Promise` 的函数。

这个函数根据 `componentName` 的值动态确定要加载的组件路径，并使用动态导入 `import()` 来异步加载组件。

在代码中，你使用了一个 `switch` 语句来根据 `componentName` 的层级进行不同的路径拼接。这样可以根据组件的相对路径自动确定要加载的文件。

在每个 `case` 分支中，你都使用了动态导入的方式来异步加载组件。路径中的每个部分都是根据 `componentName` 的层级来拼接的。

至于逻辑是否正确，我无法确定，因为它取决于你项目中的具体情况。但是，从代码本身来看，它似乎没有明显的错误。

确保你在项目中正确调用和使用 `loadComponent` 函数，并根据需要处理异常情况。如果你遇到任何问题或错误，请提供更多的上下文信息，以便我能够更好地帮助你解决问题。