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

knached99's avatar

Need help integrating Argon Theme into my existing Laravel Project

Hi Everyone, I am facing issues with integrating an Argon dashboard React.js theme into my existing laravel project. I've installed a fresh laravel app with a modified Home page, and scaffolded the authentication with Breeze. I've placed the Argon theme under the resources/ directory and have moved all files (js, css, public) to the Argon directory. I've been following the instructions here (Starting from the "Package" section) https://www.creative-tim.com/learning-lab/material-ui/quick-start/argon-dashboard/

The error I'm facing right now is "Unable to locate file in Vite manifest: resources/Theme/src/app.jsx."

Below is my app.jsx file which is located under /Applications/MAMP/htdocs/prevalink/Prevalink/resources/Theme/src/app.jsx

import './js/bootstrap';
import './css/app.css';

import { createRoot } from 'react-dom/client';
import { createInertiaApp } from '@inertiajs/react';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';

const appName = import.meta.env.VITE_APP_NAME || 'Laravel';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`resources/Theme/src/js/Pages/${name}.jsx`, import.meta.glob('../Pages/**/*.jsx')),
    setup({ el, App, props }) {
        const root = createRoot(el);

        root.render(<App {...props} />);
    },
    progress: {
        color: '#4B5563',
    },
});

Here's my jsonConfig.json file, located under /Applications/MAMP/htdocs/prevalink/Prevalink/resources/Theme/jsonConfig.json

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "*": ["src/*"]
    }
  }
}

Here's my vite.config.js which is located in the project's root directory

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';

export default defineConfig({
    plugins: [
        laravel({
            input: 'resources/Theme/src/app.jsx',
            // input: 'resources/Theme/src/js/app.jsx',
            refresh: true,
        }),
        react(),
    ],
});


Any guidance on how to proceed with this is appreciated. I'ts been a real head scratcher.

0 likes
0 replies

Please or to participate in this conversation.