12192 comments found.
en el archivo app.js, estas definiendo “const KTUtil = require(”./util”)”, da error al compilar, ya que entra en conflicto con la definición del objeto KTUtil
sorry, es mi editor ue le puso de alguna forma eso…todo bien
Hi 
,
Glad to hear that. All the best with your project.
If you need any further assistance please reach our support via devs.keenthemes.com
Regards, Sean
We have in-house PHP code that we want to use metronic theme with. Do you have pure HTML version? Is it easy to set up with custom code rather than popular framework? How?
Hi,
Thank you for your interest in Metronic.
Metronic’s HTML version is only available with Bootstrap 5 framework. It does not have plain HTML version.
You can refer to https://preview.keenthemes.com/html/metronic/docs/getting-started/setup to get started with Metronic.
Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.
Regards, Sean
Is it easy to be used with PHP Twig template system that needs to insert a lot of template variables such as {{ user.name }} {{ product.name }} in the HTML code? Is it easy to do so in the compiled assets? It confuses me as compiled assets are not meant to be modified?
Hi,
Yes, sure. You can adapt Metronic templates to any templating engine, inclduing Twig. However this must be done by yourself as Metronic will be provided.
Regards, Sean
https:
/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ yarn
+ ~~
+ CategoryInfo : SecurityError: ( []，PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
I’m unable to run `yarn`
Is there any way to not use “Set-ExecutionPolicy Unrestricted” to make `yarn` work? Since the command jeoardizes my computer system. It’s very unintuitive to use such a tool for HTML templates…..very annoying
And what’s wrong with this?
PS E:\metronic_html_v8.2.0_demo1> cd tools PS E:\metronic_html_v8.2.0_demo1\tools> yarn yarn install v1.22.19 [1/4] Resolving packages… success Already up-to-date. Done in 0.62s. PS E:\metronic_html_v8.2.0_demo1\tools> npm run build—demo1
> metronic@8.2.0 build > webpack
[webpack-cli] Failed to load ‘E:\metronic_html_v8.2.0_demo1\tools\webpack.config.js’ config [webpack-cli] ReferenceError: require is not defined in ES module scope, you can use import instead This file is being treated as an ES module because it has a ’.js’ file extension and ‘E:\metronic_html_v8.2.0_demo1\tools\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ’.cjs’ file extension. at file:///E:/metronic_html_v8.2.0_demo1/tools/webpack.config.js:1:17 at ModuleJob.run (node:internal/modules/esm/module_job:194:25)
What’s wrong with the above?
Hi,
Thank you for your feedback.
We will check your and update you shortly.
Regards, Sean
Hi,
As stated in the docs, you have to modify tools/package.json file and remove"type": "module"before run command “npm run build”. Could you please try it?
Thanks
Now it’s this error:
PS E:\metronic_html_v8.2.0_demo1\tools> npm run build—demo1
> metronic@8.2.0 build > webpack
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. – configuration0.entry[‘js/widgets.bundle’] should be a non-empty array. -> All modules are loaded upon startup. The last one is exported. PS E:\metronic_html_v8.2.0_demo1\tools>
Hi,
Could you please use “npm run build” only without the flag—demo1?
Thanks
Still the same error:
PS E:\metronic_html_v8.2.0_demo1\tools> npm run build
> metronic@8.2.0 build > webpack
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. – configuration0.entry[‘js/widgets.bundle’] should be a non-empty array. -> All modules are loaded upon startup. The last one is exported. PS E:\metronic_html_v8.2.0_demo1\tools>
Hi,
Thank you for bringing this issue to our attention. We have investigated it, and it appears that the problem occurs specifically on Windows. As a temporary workaround, we suggest the following modification to the webpack.config.js file:
Find this line:entries['js/widgets.bundle'] = ...
Replace it with the following code block:
entries['js/widgets.bundle'] = (glob.sync(path.relative('./', srcPath).replaceAll(/\\/g, '/') + '/js/widgets/**/!(_)*.js') || []).map(file => {
return file.replaceAll(/\\/g, '/');
});
You can also find the full webpack.config.js file with the modification in this gist: [link to the gist](https://gist.github.com/KeenthemesHub/2189b96490016bc32f88b3091e446906)
After making this change, please run the build process again to see if the issue is resolved on your Windows environment.
If you encounter any other difficulties or need further assistance, don’t hesitate to reach out.
There are two occurrences of `entries[‘js/widgets.bundle’] =`
Which one should I replace it with?
This is becoming very inconvenient. Do I have to do these all again for all demos? Don’t you have a plain HTML versions of everything of this template?
Hi,
Sorry for the inconvenience. This is the correct link: https://gist.github.com/KeenthemesHub/2189b96490016bc32f88b3091e446906In a file tools/webpack.config.js
Thanks
Now http://localhost:8080/demo1/dist/ gives this: Cannot GET /demo1/dist/ after I ran “npm run localhost”
What’s wrong again?
But now when I click anything such as http://localhost:8080/demo1/dist/dashboards/online-courses.html
It still gives error: Cannot GET /demo1/dist/dashboards/online-courses.html
I started over again with the full package download at ThemeForest.net and extracted demo1 to do the same but it’s giving this error:
PS E:\metronic\html\metronic_html_v8.2.0_demo1\tools> npm run build
> metronic@8.2.0 build > webpack
[webpack-cli] Failed to load ‘E:\metronic\html\metronic_html_v8.2.0_demo1\tools\webpack.config.js’ config [webpack-cli] ReferenceError: require is not defined in ES module scope, you can use import instead This file is being treated as an ES module because it has a ’.js’ file extension and ‘E:\metronic\html\metronic_html_v8.2.0_demo1\tools\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ’.cjs’ file extension. at file:///E:/metronic/html/metronic_html_v8.2.0_demo1/tools/webpack.config.js:1:17 at ModuleJob.run (node:internal/modules/esm/module_job:194:25) PS E:\metronic\html\metronic_html_v8.2.0_demo1\tools>
I updated package.json now it’s working. Can I save a copy of this demo1/tools/package.json and use it for all other demos? So I don’t have to remove `”type”: “module”` every time I initiate another demo.
The default package.json file is set up for the gulp build. If you want to use the webpack build, you’ll need to make a modification in the tools/package.json file. Specifically, you should remove the line:
"type": "module"Once you’ve made this change, you can run the command “npm run build” to trigger the webpack build process. The necessary information is mentioned in the documentation at this link: https://preview.keenthemes.com/html/metronic/docs/getting-started/build/webpack
You can use the same package.json file for all demos. They all share the same configuration.
If you have any further questions or need additional assistance, please don’t hesitate to ask.
Thank you!
Thanks! Now that http://localhost:8080/ works but when I click any link in the demo such as http://localhost:8080/demo1/dist/dashboards/online-courses.html
It’s giving error: Cannot GET /demo1/dist/dashboards/online-courses.html
Why?
Thank you for bringing this to our attention. We apologize for the inconvenience you faced when trying to access the demo links.
We will work on fixing it as soon as possible. In the meantime, you can still explore the demo pages by opening the HTML files directly in your browser. Simply locate the specific HTML file you want to view (for example, “online-courses.html”) and double-click on it. This action will open your default browser and allow you to navigate through the pages.
As a reference, you can find the demo pages in the following directory: /metronic_v8.2.0/html/metronic_html_v8.2.0_demo1/demo1/dist/index.html
We appreciate your understanding, and if you have any further questions or encounter any other issues, feel free to let us know.
Thanks! It works.
What’s “npm run build” actually built? Where can I find all the compiled sources that I can use in my own project?
What’s the suggested way to use the code in my own project? Just copying everything in the “dist” folder?
Hi,
Great! The nom run build task build and prepares the assets for HTML usage. You can refer to this post to manage the assets and remove unused plugins to reduce the bundle size.
Yes, you can use the assets from the dist folder in your project.
Regards, Sean.
So npm run build builds the dist folder and everything in it? “dist” content is for production usage and “dist” content only?
I checked the post you gave me but it’s for Gulp? I used webpack to prepare the assets. Is there a webpack version of the post on how I can reduce the bundle size?
Hi,
The webpack builder compiles the assets into dist/assets folder and you can use this assets folder for your web project and placing it anywhere you wish in your project directory.
The webpack version is quite similar. Basically you can remove the plugins from
tools/webpack/plugins/plugins.js tools/webpack/plugins/plugins.scss
Regards, Sean
I find that with a fresh download of Metronic from ThemeForest.net, all the demos in html folder can work out of the box in the “dist” folder? So I don’t have to build it with gulp nor webpack before I can use them?
Hi,
Yes, Metronic comes with precompiled assets and if you need to customize the theme you will need to edit it in the src folder and recompile.
Regards, Sean
Thanks! How am I supposed to use these compiled assets and HTML pages? They are big and chunky. So I will manually copy parts of the compiled HTML in “dist” folder and paste to my own in-house templates?
Hi,
Yes, you can use the HTML template and build your app layout and in your pages you can use any components or template blocks.
You can also consider using our Layout Builder and export the HTML layout partials for easier server side integration. Each demo has own layout builder
Regards, Sean
Hi, would you please include a link to the documentation page in the “support” section of this page? I want to see how much information is there in the documentation page before purchasing. I have visited the https://devs.keenthemes.com but it is not domination page, rather it is a forum. thanks
Good evening, is it possible to get the documentation v8.2.0 (https://preview.keenthemes.com/html/metronic/docs/index) offline please?
Hi,
Sure, please contact our support by creating a private ticket via devs.keenthemes.com or use support@keenthemes.com and we will provide the download link to Metronic HTML Docs v8.2.0.
Regards, Sean
Hello, I’m here to let you know that you have the best admin theme. However, there is a small issue with your ASP.NET 8.1.9 version. It has a compilation issue with the CKEditor package, and the JavaScript file appears to be incomplete.
Hi ,
Thank you for your feedback.
We are releasing Metronic v8.2.0 and this bug will be fixed for for all packages including Asp.Net Core Starter Kit.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean.
I am pretty sure that I discovered a bug with the most recent version (8.1.9) of VueJS -
sectionTitle: "authentication",
keenthemesIcon: "fingerprint-scanning",
bootstrapIcon: "bi-sticky",
sub: [In your MenuConfig, if you do not have a route specified for a sectionTitle with “sub” or children items, the sectionTitle does not appear in the menu.
Hi,
route property is required since we are using this property to highlight and open section accordion when it has an active child.
For example, pages section has routes /crafted/pages/profile/overview and /crafted/pages/profile/projects. By specifying route: ”/pages” you will activate the section title for these pages.
The menu configuration isn’t documented at the moment I added a task to prepare documentation explaining all menu configuration properties.
Please let us know if you have any further questions on this topic or anything else.
Regards,
Lauris
Please confirm that I can place any route even if it does not exist, just for the purpose of making the accordion child items work.
For example, I could always use the “dummy route” /
Hi,
You can use ”/” to generate your menu item but the accordion will not be automatically activated when you refresh page.
As a solution, you can add a common route path for pages under the same accordion and then for route set this common path.
Regards,
Lauris
I can’t find in the documentation the purpose of having:
keenthemesIcon: "element-plus",
bootstrapIcon: "bi-archive",for a menu configuration item – is the bootstrapIcon ever used?
Hi,
By default, for menu, we are using keenthemesIcon, you can switch menu icons to bootstrapIcon in our layout build.
Or directly in a file demo1/src/core/config/DefaultLayoutConfig.ts, set sidebar.default.menu.iconType to bootstrap.
Regards,
Lauris
Is there a simple way to force dark mode in the VueJS Template?
Hi,
You can change default mode in src/core/config/DefaultLayoutConfig.ts, set general.mode to “dark”.
Regards,
Lauris
I would like to know, if Auth0 natively supported as authentication method. Thanks
Hi,
Thank you for your interest in Metronic.
At the moment we do not have Auth0 integration. We will enable this for Metronic React version in the near future.
If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hi there!
Is there any guide to reduce unused css/js? Your mobile scores are really poor.
Thank you
I am curious to know if there is a specific reason that the VueJS implementation of the template is using WebHashHistory? My question is really about having the # in all of the URLs, does this not make the template less optimized for SEO? What impact does it have on the overall template to change it to HTML5 history?
Additionally on this topic if you take demo1 of Vue, out of the box, and then simply change the base to / to not have the /metronic8/... in your URL – and then build – and try to serve with a simple nodejs http server as per:
https://router.vuejs.org/guide/essentials/history-mode.htmlThe app doesn’t run and gives an error: expected a javascript module the server responded with a MIME type of “text”/html”
Hi,
The hash mode is enabled for easier theme deployment on a server, hash mode doesn’t require any special configuration on the server level. If you want to improve your SEO you can easily change history mode by updating the history property in src/router/index.ts.
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
history: createWebHistory(),
routes,
})
Please be advised, if you will switch history mode to HTML5 mode you will need to add catch-all fallback route to your server.
Regards,
Lauris
Correct, I was able to achieve this and can confirm that it worked. The original issue seeded from the fact that the VueJS documentation is erroneous as it relates to the example that they provide as it relates to setting up a NodeJS Native Web Server.
Hi,
Glad that it worked for you. If you have any further questions you can contact us via Support Forum.
Regards,
Lauris
i have recently implementing the html authentication signin but its seem it does not support responsive design?
Hi,
Thanks for the head-up.
Could you please contact our support via Support Forum, create a support case and provide more details(Metronic version, demo and framework).
Regards, Sean
Hello,
I am very interested in purchasing your product. I wanted to know if the landing page is also included in the package? Thank you so much for your reply!
Hi,
Thank you for your interest in Metronic.
Yes, sure, the landing page will be included.
Upon your purchase of Metronic from Themeforest you will get all the advertised features in Metronic Preview.
Please note that a single license allows using Metronic for a single deployment and all subsequent usage requires a separate license.
If you need any further clarifications please let us know.
Have a great day!
Regards, Sean, Keenthemes Support
Downloaded Update 8.1.9 -
Vue Demo 1 -> npm install -> npm run dev
Out of the box the template seems broken, you get to the sign-in page, and you press continue and you get a message saying that the login was successful and then nothing.
The online documentation also appears to be broken in several places.
https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build?demo=demo1Hi,
Sorry for the inconvenience. We are aware of the issue you are facing due to a problem with the demo API.
Please note that the Vue version should still work locally on your machine without relying on the demo API.
We apologize for any inconvenience caused, and we are working on resolving the demo API issue as soon as possible. If you have any further questions or need assistance with other aspects of Metronic, please let us know.
Thanks
We have fixed the demo API. Could you please retry if it’s working for you?
Thanks
Hi,
We rechecked our Vue Demo1 and command npm run dev does not cause any errors.
Could you please attach your error message?
Regards,
Lauris
Great work! Thank you, everything is working properly, including the documentation fix for Laravel Quick Start.
I having a error trying to login with demo credentials in my local system as well. I am using Metronic React Demo 1
This url is also not working, When I am trying to login into demo theme, Having error, Incorrect credentials.
Hi,
Sorry for the inconvenience. We are aware of the issue you are facing due to a problem with the demo API.
Please note that the React version should still work locally on your machine without relying on the demo API.
We apologize for any inconvenience caused, and we are working on resolving the demo API issue as soon as possible. If you have any further questions or need assistance with other aspects of Metronic, please let us know.
Thanks
We have fixed the demo API. Could you please retry if it’s working for you?
Thanks
Hi,
Could you please make sure that you are using the right login details?
email: admin@demo.com
password: demo
Please let us know if you have any errors in your browser console.
Regards,
Lauris
Any instructions on how to get the select2 to work on the metronic vue ?
I am having issues installing it. I love to keep the code very lean and noticed most of the components already in the vue app (which is why i love this theme) But not the select2?
Hi,
Could you please reach our support team via devs.keenthemes.com by creating a support ticket ? Here we do provide pre-sale and basic support.
Regards, Sean
Hi, how I can add my custom CSS in React Demo 1 Metronic?
Hi,
Could you please reach our support team via devs.keenthemes.com by creating a support ticket ? Here we do provide pre-sale and basic support.
Regards, Sean
Hello,
On your online demo, the Laravel login gives the error “CSRF token mismatch.” I wanted to address some installation issues through your support site, but I get the error “Email is not verified. We have sent activation link to your email, please click it and follow instructions,” but I haven’t receive any email. When I try to reset the password, nothing happens. Can you reply to this when your systems are back up?
Thank you!
Hi,
Thank you for your feedback.
Could you please send us your email address to our support@keenthemes.com and we will check and assist to activate your account.
We are going to update the Laravel Starter Kit preview shortly and this issue will be fixed as well. In the meantime you can try to remove your cooking and web storage for preview.keenthemes.com domain.
Regards, Sean
8.6GB download size?!
Hi ,
This is complete Metronic package. You can download the demos separately from our site, private GitHub or google drive on request so please each our support via Support Forum and provide your purchase key.
Regards, Sean
Laravel startkit page /resources/views/errors/404.blade.php should include: @include(‘pages.system.not_found’) (‘pages’ i.s.o. ‘page’)
Hi,
Thank you for your feedback. It should be “pages”. We will update it.
Thanks
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
