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

Frontend Project: REACT + VITE + TYPESCRIPT


Error Description:
When running the command "npm run dev" to start the server and then accessing the link http://localhost:5173/, the page takes approximately 6 to 10 seconds to load and the following message is displayed in the console:


Note that the message is repeated many times in the console.

<img src="https://i.ibb.co/k5BkhYw/aa1.png">

To integrate Metronic into the project (React+Vite+Typescript), the documentation detailed in the following link has been followed: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/react

The error seems to be related to this point defined in the documentation:

<img src="https://i.ibb.co/945V3vf/aa2.png">

Which has been configured according to the guide.


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 (2)


"Thanks for starting this discussion! Frontend projects with React, Vite, and TypeScript offer such a powerful combination for speed and type safety. If you’re working on building your CV to reflect these kinds of projects and want to stand out more, consider getting professional CV help. It’s a solid resource for showcasing these in-demand skills effectively. Excited to hear how others have used this stack!"



Hi,

Please check the latest Metronic v9.1.0 update and get the official React version of Metronic 9 with all the HTML features fully implemented in the React way.

Preview all React version demos here

Regards,
Sean


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