在 Vite React App 中使用命名空间导入时出现的问题，将 * 导入为别名

问：

我在 Icons 文件夹中有一个 React 组件的 IconLibrary。在使用普通 react 时，我使用“Icons”作为库中所有图标的别名，方法是使用以下命名空间导入：

import * as Icons from "@/styles/Assets/Icons";

目前，当我尝试在 Vite App 中执行以下操作时，出现图像中给出的错误

法典

//namespace import 
import * as Icons from "@/styles/Assets/Icons";


//function to get React Component (Icon)
const getIcon = (item) => {
        const Component = Icons[item];
        console.log(Icons);
        console.log(Component);
        return <Component />;
    };

//function call within main React component

{getIcon("VideosIcon")}

错误：

图标的控制台日志如下：

对象 { ... } ​ Symbol（Symbol.toStringTag）： “模块”

尝试使用以下方法：

const icons = import.meta.glob（“@/styles/Assets/Icons*.jsx”）;