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.
Please or to participate in this conversation.