Vue.js – I’m getting nowhere very very slowly

Everything appears to be unable to resolve the file paths for Home and App. I have even fed all of my files to AI and had it check. I’ve got nothing.

from main.js in the src folder:

import Home from ‘@views/Home.vue’; // Using alias
import App from ‘@src/App.vue’; // Using alias

from index.js in the router folder:

import Home from ‘@views/Home.vue’;
import App from ‘@src/App.vue’;

App.vue:

<template>
<div id="app">
</div>
</template>

<script>
export default {
name: 'App',
};
</script>

<style>
</style>

Home.vue:

<template>
<div class="flex justify-center items-center h-screen ">
<div class="bg-white p-10 rounded-lg shadow-lg">
<h2 class="text-2xl mb-4">Sign in</h2>
<form class="flex flex-col space-y-4">
<input type="email" placeholder="Email" class="border p-2" />
<button class="bg-blue-500 text-white p-2 rounded">Send Code</button>
</form>
</div>
</div>
</template>
<script>
export default {
name: 'Home',
};
</script>
<style scoped>
</style>

I’ve tried everything I could think of, and everything AI could think of. It’s an empty, brand new project. There’s not much to check.