Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

My sample React Metronic is not work fine.


I bought Metronic years ago (24th December 2014), and now I wanna to use a sample (demo) of that.
Well, I try go ahead login page (user: admin@demo.com | pass: demo) and nothing. I got this message: "login detail is wrong..." or thing similar.
What happened? Is necessary input some data, like license number?
Please, help me.

Regards

Douglas/Brazil


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)


Hi,

Thank you for reaching out to us.

Unfortunately, we were not able to reproduce this error it appears only when login details are not correct.

Do you have the same error on our preview page?
https://preview.keenthemes.com/metronic8/react/demo1/auth

Please make sure that you type login and password correctly, your Caps Lock is turned off and you use the correct keyboard language.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hello Lauris!

Thank you for your help.

I got the message: "The login detail is incorrect".
But I simply click on submit button to enter.
The user and password inputs are autocomplete, that is, when I click submit, they are automatically checked.

I found an explanation on a forum, guiding to check if the .env file was in the main root.
Can the contents of this file (.env) be changed?

Regards!



Hi,

In .env file, we store the authentication API URL as a REACT_APP_API_URL variable. This file should exist in the default package.

Do you have this error only in your local environment or there is the same error on our preview page?
https://preview.keenthemes.com/metronic8/vue/demo1/#/sign-in

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Just in local environment!

I have another question: can I install the NextJs (latest) in my project?



Hi,

Do you still have .env files?

If you have deleted this file then you can fix this issue by creating a .env file in demo root folder and then adding the variables below to it.


REACT_APP_API_URL=https://preview.keenthemes.com/metronic8/laravel/api
REACT_APP_THEME_API_URL=https://preview.keenthemes.com/theme-api/api


Please note that by default our Metronic React is Create React App and at the moment we do not have any solution related to NextJs if you want to use NextJs you can check this article about migrating CRA to NextJS.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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