Hi,

Apology for the delay in response.

Regarding your issue, KTUtil is defined in the plugins.bundle.js file. Have you imported this file into your project?

From the first image you provided, it seems like only scripts.bundle.js and style.bundle.css files are being built. Make sure you import the plugins.bundle.js file in your project to access KTUtil. Let me know if you need any further assistance.


Thanks

Hello,
I have imported plugins.bundle.js but now it gives errors about @popperjs/core and moment.
Here is the link.

https://imgur.com/a/6s49x45

Hi,

In your webpack.mix.js file, you can try replacing mix.js() with mix.scripts() and see if it resolves the issue.

Thanks

Yup. That worked but after removing these three lines.

`import Alpine from 'alpinejs';

window.Alpine = Alpine;

Alpine.start();
`
as with these, it gives error.

Hi,

To import Alpine.js in your webpack mix file, you can use the following code:

mix.scripts([
 "node_modules/alpinejs/dist/alpine.js",
 "resources/js/app.js"
], "public/js/app.js");

<script src="{{ mix("js/app.js") }}"></script>

Hi,
Thanks for the response. I have included as you have asked but Alpine JS path is wrong
`node_modules/alpinejs/dist/alpine.js`
this file is included in `node_modules/alpinejs/src/alpine.js`
and when I use it, it gives error.

https://imgur.com/a/w38E8hi

You can try changing the path to node_modules/alpinejs/builds/cdn.js instead.

Thanks

No luck.

https://imgur.com/a/eoXgRD0

Could you please try with the file node_modules/alpinejs/dist/cdn.js?

Thanks

Yup. That worked
One thing more please, if i want to use vite instead webpack, can we do that?

Hi

I'm glad to hear that it worked for you! Is there anything else I can assist you with?

Please be advised that our current implementation of Metronic for Laravel utilizes webpack as its build tool, and Vite integration is not yet available. It is important to note that Metronic makes use of several third-party plugins, which may not function optimally when built using Vite. Please note that we have plans to update our plugin compiler tool to Vite in a future update, but as of the moment, webpack is still the recommended build tool for our Laravel implementation.

Thanks

Thanks a bundle. Really appreciate your efforts in helping me out.
Have a great day.

You're welcome! Glad to be of help. Don't hesitate to reach out if you have any further questions. Have a great day too!

Hi,
Does it work with Inertia JS?
It seems not working..

Hi,

Inertia is not a default dependency, therefore you will need to install it.

Thanks