Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$
Light
Dark
System
Ask  Question

scripts.bundle.js not working properly in laravel inertia js with vue3


i had a problem with my metronic template demo 5 i am using laravel inertia js with vue3

laravel:v9.2
php:v8.0.2
vue:v3
inertia:v0.6

the scripts.bundle.js is not loaded properly it causes problem in

  1. User Account Menu (KTMenu) not working on click or hover
  2. SideBar not working
  3. every toggle action like collapse,dropdown,accordion is not working



this is my root template code in blade

https://github.com/ahmadrivaldi-arv/metronic_/blob/master/app.blade.php

and the layout

https://github.com/ahmadrivaldi-arv/metronic_
user
Ahmad Rivaldi 1 year ago
PHP Laravel Vue
1 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Lauris Stepanovs Author1 year ago

Hi Ahmad,

At the moment, our team hasn't tried Interia together with Metronic, we will check Interia and will consider using it in Metronic in the upcoming future.

Could you please check your browser console for errors?

I assume that you might have problems with our js files when trying to use them in the SPA version since we are initializing our main js files only on first page load, when you go to another page without refreshing, components used inside a page will not be working. You will need to trigger our component initialization functions on every page separately. You can refer to the initialization file in our Vue version src/core/plugins/keenthemes.ts.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(