Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".

[wifirevaithi]

I'm gettng this error when working with Laravel and Vue .my config

import laravel from "laravel-vite-plugin";
import vue from "@vitejs/plugin-vue";

export default defineConfig({
    plugins: [
        laravel({
            input: ["resources/css/app.css", "resources/js/app.js"],
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
    resolve: {
        alias: {
            vue: "vue/dist/vue.esm-bundler.js",
        },
    },
});

when i use

import { createApp } from "vue";

in app.js it shows the error (Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".).please someone help me to find what is happening here.Thank you.