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

Frontend Project: REACT + VITE + TYPESCRIPT


Error Description:
When running the command "npm run dev" to start the server and then accessing the link 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="

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="

Which has been configured according to the guide.


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