Light
Dark
System
Ask  Question

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
user
Bekir Çankaya 1 year ago
Vue Metronic
5 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 (5)

user
Lauris Stepanovs Author1 year ago
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?
user
Bekir Çankaya 1 year ago
There are ts errors.

Build txt
tsconfig.json
tsconfig.vite-config.json
vite.config.ts
user
Lauris Stepanovs Author1 year ago
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?
W
Wojtek 7 months ago
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
user
Azamat Xodjakov 2 months ago
Hey Lauris,
When are you guys planning to make Metronic compatible with Vite?
Thanks.
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  :(

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle