Error in import ?!

Created:src/views/Login.vue

Code (src/main.js):
import { createWebHistory, createRouter } from “vue-router”;
import Login from “@/views/Login.vue”;

Error:

src/router/index.js:2:18: error: Could not resolve “@/views/Login.vue” (mark it as external to exclude it from the bundle)
2 │ import Login from “@/views/Login.vue”;
or
src/router/index.js:2:18: error: Could not resolve “./views/Login.vue”
2 │ import Login from “./views/Login.vue”;

help :frowning: