Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

luna_papa's avatar

inertia vue3 vite build issue

HI I just created laravel & inertia & vue3 using Larave Breeze. https://laravel.com/docs/10.x/starter-kits#breeze-and-inertia

I'm using valet for local setup, using [email protected] everything is fine. npm run dev then visit folerName.test works well. npm run build then I see /build derectory is created under /public, but visiting folderName.test after build, without npm run dev doesn't work.

Unable to locate file in Vite manifest: resources/js/Pages/Dashboard.vue..

When I used valet with other stack like blade or inertia with react using laravel mix, I still could see the site once there's a build file. I didn't have to do npm run dev again once I did it at least once.

My question is how can I check npm run build result with valet and Inertia vue3 vite? I tried ChatGpt to figure this out but failed.

I didn't touch the default vite.config.js from the starter kit. This is how it looks without import part:

export default defineConfig({
    plugins: [
        laravel({
            input: 'resources/js/app.js',
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
});

manifast.json

{
  "resources/js/app.css": {
    "file": "assets/app-f1ed61f7.css",
    "src": "resources/js/app.css"
  },
  "resources/js/app.js": {
    "css": [
      "assets/app-f1ed61f7.css"
    ],
    "file": "assets/app-57905e15.js",
    "isEntry": true,
    "src": "resources/js/app.js"
  }
}

and this is the package.json if needed:

{
    "private": true,
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "devDependencies": {
        "@inertiajs/vue3": "^1.0.0",
        "@tailwindcss/forms": "^0.5.3",
        "@vitejs/plugin-vue": "^4.0.0",
        "autoprefixer": "^10.4.12",
        "axios": "^1.1.2",
        "laravel-vite-plugin": "^0.7.2",
        "postcss": "^8.4.18",
        "tailwindcss": "^3.2.1",
        "vite": "^4.0.0",
        "vue": "^3.2.41"
    },
    "dependencies": {
        "@vuepic/vue-datepicker": "^4.1.0",
        "dayjs": "^1.11.7"
    }
}
0 likes
1 reply
aruszala's avatar

@luna_papa Try removing the package-lock.json file, the node_modules folder and the public/build folder.

Then run npm install and finally npm run build.

Please or to participate in this conversation.