Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Problem implementing Vue components in metronic 8


I got difficulties implementing existing vue components in laravel. I got various problems, and every time i solve one another one appears: "vue doesn't recognize <style>", "differently vue versions in package", etc. I tried to watch and read all your documentation but i could not find something more consistent.


A
Andrei Infra 3 years ago
Laravel Node.js Vue
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

A
Andrei Infra 3 years ago

I managed to get it working, but the npm run command it's taking too long, about an hour. And that's happening on the server too. Any suggestions?


user
Lauris Stepanovs Author 3 years ago

Hi,

Yes, it is an issue, we are working on a fix.

For now, as a temporary solution, you can decrease the number of used components or consider a different usage approach.

Check out a tutorial below:


user
Lauris Stepanovs Author 3 years ago

Hi Andrei,

Did you use our Vue+Laravel integration doc or it is your custom implementation?


A
Andrei Infra 3 years ago

Hi Lauris,
I try to use your Vue+Laravel integration doc, i didn't added any custom implementation.


user
Lauris Stepanovs Author 3 years ago

Unfortunately, we were not able to reproduce this error in the latest Metronic version, please make sure that you have followed all steps from doc correctly.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(