关于Vue路由懒加载问题

今天刚开始新建一个vue项目，就在路由这卡死了，经过多次查找对比，发现了问题竟然是出现在一个括号上，如下所示

const routes=[
// 正确写法
    {
        path:'/',
        name:"Home",
        component:()=>import ("@/views/Home")
    },
// 错误写法
    {
        path:'/login',
        name:"Login",
        component:()=>{
            import("@/views/Login")
        }
    }
]

正确写法component:()=>import ("@/views/Home")

正确写法component:()=>{import("@/views/Login")}