Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Build with vite


Hello. I switched to vite in a project where I used the vue version of metronic7, it was very good for me, I see a lot of benefits.
I want to make a project with metronic8, but when I want to use vite, I encounter many errors while building the project.
Are you planning to use vite in the near future?
good work


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)


Hi,

We haven't tried a Vite with Metronic yet, we will consider adding it in upcoming releases.

Are these errors related to our theme or with Vite compatibility?

Could you please attach the text of errors that you are getting?



There are ts errors.

Build txt
tsconfig.json
tsconfig.vite-config.json
vite.config.ts



In Metronic 8 we updated the Vue version from 2 to 3 and implemented a typescript so most likely these errors are related to typescript configuration.

Could you please refer to the ts configuration in the Vue project?



Hi, i was wondering, how's going work with converting to vite. Im using metronic template and, i thought it would be on vite rather than mix. Thanks



Hey Lauris,
When are you guys planning to make Metronic compatible with Vite?
Thanks.


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  :(