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

Metronic ASP.NET Core 8.2.5


Hi,

After downloading Metronic ASP.NET Core 8.2.5 and following the instructions from Getting Started doc using yarn install and gulp --demo1 when running the project, it runs just fine and visually looks correct, but in the console, there is following error:

Uncaught ReferenceError: Tagify is not defined
at initForm (new-target.js:15:14)
at Object.init (new-target.js:202:4)
at HTMLDocument.<anonymous> (new-target.js:210:19)

Both yarn and gulp commands run w/o errors, there are only info and warning messages.

What should be done to fix this?

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

Replies (7)


Hi,

Sorry for the late reply.

We have reproduced the error you mentioned and are currently working on a solution. The fix will be included in the next Metronic release.

I will get back to you with instructions once the fix is ready. Thanks for your patience!

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Lauris,

Thanks for the reply.

To make your life easier happy, the problem is on line # 194 of gulp.config.js file where Tagify is referenced. Basically it is referencing tagify.min.js, but in the dist folder when it is downloaded, the min file does not exist, so it should be tagify.js instead. Here is the updated line that will work:

{$config.path.node_modules}/@yaireo/tagify/dist/tagify.js",

Hopefully above will help you.

Thanks



Hi,

Thank you for your feedback.

We will apply this fix and include it in the next Metronic release.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Lauris,

BTW do you have any channel where we can submit suggestions in regard to ASP.NET Core build you provide? Specifically, related to how folders are structured to make it easier for us to apply updates when you release them.

Thanks



Hi,

You can leave your suggestions here I will create a task in our backlog and we will consider implementing it in upcoming Metronic releases.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Lauris,

Here are my suggestions:

FIRST SUGGESTION
Currently in the folder structure Starterkit\_keenthemes contains two folders src and tools. These folders contain source files for node modules and Javascript & CSS that then being compiled into wwwroot if I understand correctly.

I will suggest moving these folders to the root, same level with StarterKit folder, as these files are not related to ASP.NET project at all and are unnecessary.

So basically you will have:
build\src
build\tools
Starterkit\_keenthemes\config
Starterkit\_keenthemes\libs

Let me know if you have any questions in regard to the above. From what I understand only 2 lines will need to be change one in gulp.config.js and one in webpack.config.js.

SECOND SUGGESTION
It will be good, if Starterkit\Views will contain CSHTML files of only the demo that was used when calling gulp --demo1 rather than both Demo1 and Demo30 files. Regardless other one is not going to work as JS and CSS files will be compiled only for one of these, so it is unnecessary to have these files at all. Same applies to not having extra nested folder as well, so instead of, for example, Starterkit\Views\Pages\Auth\Demo1\NewPassword.cshtml it will be Starterkit\Views\Pages\Auth\NewPassword.cshtml, this way it will be cleaner.

THIRD SUGGESTIONS
It will be really good if you can make KTTheme a NuGet package.

Hopefully this was descriptive enough to make it happen in next version. happy

There are more suggestions, but these are more complicated and related on how the project is structured and maybe I will write it in another reply.

Thanks
Hayk



Hi Hayk,

Thank you very much for your suggestions.

  1. Generally, it's good practice to include project assets and build scripts within the ASP.NET project and some users prefer to import JavaScript files directly from the _keenthemes folder into their cshtml files. If you prefer to keep assets and scripts outside the Starterkit folder, you can use the mentioned structure - just remember to update the output paths in the Gulp and Webpack configuration files accordingly.
  2. Previously, our downloaded packages included only one demo. We decided to include two demos in one package to allow users to test both without downloading a similar codebase. Users can build assets for demo1, update the configuration, and test demo1, then repeat the process for demo30. We appreciate your suggestion, but we will likely maintain this approach in future releases. However, we will simplify the process so that by executing a single command, you can build assets and switch between demos more easily.
  3. We are considering making KTTheme available as a NuGet package. If there is sufficient demand, we will implement this in feature releases.



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