I am trying to convert my existing Vue CLI project to use Vite instead but running it I get the following error:
<code> VITE v5.1.4 ready in 345 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
Error: The following dependencies are imported but could not be resolved:
axios (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
register-service-worker (imported by /mnt/500GB/calcani/founders/founders/front/src/registerServiceWorker.js)
vue-router (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
@/components/SiteHeader (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/SiteFooter (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/Help (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/CreatePost (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/CreateProject (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/stores/founders (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/assets/css/styles.css (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
vue3-tabs-component (imported by /mnt/500GB/calcani/founders/founders/front/src/views/DirectoryView.vue?id=0)
@/components/RightAds (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
lodash (imported by /mnt/500GB/calcani/founders/founders/front/src/views/MailView.vue?id=0)
@/components/PostActions (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/SideMenu (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/CreateAd (imported by /mnt/500GB/calcani/founders/founders/front/src/views/AdvertiseView.vue?id=0)
@/components/SendMessage (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProfileView.vue?id=0)
@/composables/utilities (imported by /mnt/500GB/calcani/founders/founders/front/src/views/EditProfileView.vue?id=0)
@/components/LeftAds (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/Pay (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
@/composables/locations (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProjectView.vue?id=0)
@/components/ReportPost (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProfileView.vue?id=0)
Are they installed?
at file:///mnt/500GB/calcani/founders/founders/front/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:52270:23
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async file:///mnt/500GB/calcani/founders/founders/front/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:51682:38
</code>
<code> VITE v5.1.4 ready in 345 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
Error: The following dependencies are imported but could not be resolved:
axios (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
register-service-worker (imported by /mnt/500GB/calcani/founders/founders/front/src/registerServiceWorker.js)
vue-router (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
@/components/SiteHeader (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/SiteFooter (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/Help (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/CreatePost (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/CreateProject (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/stores/founders (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/assets/css/styles.css (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
vue3-tabs-component (imported by /mnt/500GB/calcani/founders/founders/front/src/views/DirectoryView.vue?id=0)
@/components/RightAds (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
lodash (imported by /mnt/500GB/calcani/founders/founders/front/src/views/MailView.vue?id=0)
@/components/PostActions (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/SideMenu (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/CreateAd (imported by /mnt/500GB/calcani/founders/founders/front/src/views/AdvertiseView.vue?id=0)
@/components/SendMessage (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProfileView.vue?id=0)
@/composables/utilities (imported by /mnt/500GB/calcani/founders/founders/front/src/views/EditProfileView.vue?id=0)
@/components/LeftAds (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/Pay (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
@/composables/locations (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProjectView.vue?id=0)
@/components/ReportPost (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProfileView.vue?id=0)
Are they installed?
at file:///mnt/500GB/calcani/founders/founders/front/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:52270:23
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async file:///mnt/500GB/calcani/founders/founders/front/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:51682:38
</code>
VITE v5.1.4 ready in 345 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
Error: The following dependencies are imported but could not be resolved:
axios (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
register-service-worker (imported by /mnt/500GB/calcani/founders/founders/front/src/registerServiceWorker.js)
vue-router (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
@/components/SiteHeader (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/SiteFooter (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/Help (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/CreatePost (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/components/CreateProject (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
@/stores/founders (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/assets/css/styles.css (imported by /mnt/500GB/calcani/founders/founders/front/src/App.vue?id=0)
vue3-tabs-component (imported by /mnt/500GB/calcani/founders/founders/front/src/views/DirectoryView.vue?id=0)
@/components/RightAds (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
lodash (imported by /mnt/500GB/calcani/founders/founders/front/src/views/MailView.vue?id=0)
@/components/PostActions (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/SideMenu (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/CreateAd (imported by /mnt/500GB/calcani/founders/founders/front/src/views/AdvertiseView.vue?id=0)
@/components/SendMessage (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProfileView.vue?id=0)
@/composables/utilities (imported by /mnt/500GB/calcani/founders/founders/front/src/views/EditProfileView.vue?id=0)
@/components/LeftAds (imported by /mnt/500GB/calcani/founders/founders/front/src/views/HomeView.vue?id=0)
@/components/Pay (imported by /mnt/500GB/calcani/founders/founders/front/src/views/UpgradeView.vue?id=0)
@/composables/locations (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProjectView.vue?id=0)
@/components/ReportPost (imported by /mnt/500GB/calcani/founders/founders/front/src/views/ProfileView.vue?id=0)
Are they installed?
at file:///mnt/500GB/calcani/founders/founders/front/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:52270:23
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async file:///mnt/500GB/calcani/founders/founders/front/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:51682:38
Why are the files not being resolved and what do I need to do to resolve them?
Here is my main.js file:
<code>import axios from "axios";
import { createApp } from "vue";
import { createPinia } from "pinia";
import App from "./App.vue";
import router from "./router";
import "./registerServiceWorker.js";
axios.defaults.baseURL = "http://localhost:8000";
axios.defaults.xsrfHeaderName = "X-CSRFToken";
axios.defaults.xsrfCookieName = "csrftoken";
axios.defaults.withCredentials = true;
axios.defaults.withXSRFToken = true;
const pinia = createPinia();
const app = createApp(App);
app.use(router);
app.use(pinia);
app.mount("#app");
</code>
<code>import axios from "axios";
import { createApp } from "vue";
import { createPinia } from "pinia";
import App from "./App.vue";
import router from "./router";
import "./registerServiceWorker.js";
axios.defaults.baseURL = "http://localhost:8000";
axios.defaults.xsrfHeaderName = "X-CSRFToken";
axios.defaults.xsrfCookieName = "csrftoken";
axios.defaults.withCredentials = true;
axios.defaults.withXSRFToken = true;
const pinia = createPinia();
const app = createApp(App);
app.use(router);
app.use(pinia);
app.mount("#app");
</code>
import axios from "axios";
import { createApp } from "vue";
import { createPinia } from "pinia";
import App from "./App.vue";
import router from "./router";
import "./registerServiceWorker.js";
axios.defaults.baseURL = "http://localhost:8000";
axios.defaults.xsrfHeaderName = "X-CSRFToken";
axios.defaults.xsrfCookieName = "csrftoken";
axios.defaults.withCredentials = true;
axios.defaults.withXSRFToken = true;
const pinia = createPinia();
const app = createApp(App);
app.use(router);
app.use(pinia);
app.mount("#app");