Missing Keenicons CSS Files in Metronic v8.2.9
Hi,
In my Asp.Net Core application using the Metronic v8.2.9 Bootstrap theme, I ran "gulp --demo1" again. While other files updated successfully, the following issue persists. Despite the files being present in the _keenthemes folder, they are not being copied to the corresponding directory under wwwroot. I would appreciate your assistance in resolving this issue.
GET https://localhost:44392/assets/plugins/keenicons/duotone/style.css net::ERR_ABORTED 404 (Not Found)
GET https://localhost:44392/assets/plugins/keenicons/outline/style.css net::ERR_ABORTED 404 (Not Found)
GET https://localhost:44392/assets/plugins/keenicons/solid/style.css net::ERR_ABORTED 404 (Not Found)
Additionally, do I need to take any extra steps regarding licensing when deploying my application live?
Replies (5)
Thanks for your reply.
I did not make any changes after downloading. Everything went smoothly; however, it does not place the specified 3 files under the wwwroot directory. I tried running the gulp --demo1 command multiple times, and it executes without any errors.
I have added my gulp.config.js file below:
const gulpConfig = {
name: "Metronic",
desc: "Gulp build config",
version: "8.2.9",
config: {
debug: false,
compile: {
rtl: {
enabled: false,
skip: [
"select2",
"keenicons",
"line-awesome",
"fontawesome5",
"nouislider",
"tinymce",
"sweetalert2",
],
},
jsMinify: false,
cssMinify: false,
jsSourcemaps: false,
cssSourcemaps: false,
},
path: {
src: "../src/{demo}",
common_src: "../src/{demo}",
node_modules: "node_modules",
},
dist: ["../../wwwroot/assets"],
},
build: {
base: {
src: {
styles: ["{$config.path.src}/sass/style.scss"],
scripts: [
"{$config.path.common_src}/js/components/**/*.js",
"{$config.path.common_src}/js/layout/**/*.js",
"{$config.path.src}/js/layout/**/*.js",
],
},
dist: {
styles: "{$config.dist}/css/style.bundle.css",
scripts: "{$config.dist}/js/scripts.bundle.js",
},
},
plugins: {
global: {
src: {
mandatory: {
jquery: {
scripts: ["{$config.path.node_modules}/jquery/dist/jquery.js"],
},
popperjs: {
scripts: [
"{$config.path.node_modules}/@popperjs/core/dist/umd/popper.js",
],
},
bootstrap: {
scripts: [
"{$config.path.node_modules}/bootstrap/dist/js/bootstrap.min.js",
],
},
moment: {
scripts: [
"{$config.path.node_modules}/moment/min/moment-with-locales.min.js",
],
},
wnumb: {
scripts: ["{$config.path.node_modules}/wnumb/wNumb.js"],
},
},
optional: {
axios: {
scripts: ["{$config.path.node_modules}/axios/dist/axios.min.js"],
},
lozad: {
scripts: ["{$config.path.node_modules}/lozad/dist/lozad.min.js"],
},
select2: {
styles: [
"{$config.path.node_modules}/select2/dist/css/select2.css",
],
scripts: [
"{$config.path.node_modules}/select2/dist/js/select2.full.js",
"{$config.path.common_src}/js/vendors/plugins/select2.init.js",
],
},
"tempus-dominus": {
styles: [
"{$config.path.node_modules}/@eonasdan/tempus-dominus/dist/css/tempus-dominus.min.css",
],
scripts: [
"{$config.path.node_modules}/@eonasdan/tempus-dominus/dist/js/tempus-dominus.min.js",
"{$config.path.common_src}/js/vendors/plugins/tempus-dominus.init.js",
"{$config.path.node_modules}/@eonasdan/tempus-dominus/dist/locales/de.js",
"{$config.path.node_modules}/@eonasdan/tempus-dominus/dist/plugins/customDateFormat.js",
],
},
flatpickr: {
styles: [
"{$config.path.node_modules}/flatpickr/dist/flatpickr.css",
],
scripts: [
"{$config.path.node_modules}/flatpickr/dist/flatpickr.js",
"{$config.path.node_modules}/flatpickr/dist/l10n/ar.js",
],
},
formvalidation: {
styles: [
"{$config.path.common_src}/plugins/@form-validation/umd/styles/index.css",
],
scripts: [
"{$config.path.node_modules}/es6-shim/es6-shim.js",
"{$config.path.common_src}/plugins/@form-validation/umd/bundle/popular.min.js",
"{$config.path.common_src}/plugins/@form-validation/umd/bundle/full.min.js",
"{$config.path.common_src}/plugins/@form-validation/umd/plugin-bootstrap5/index.min.js",
],
},
bootstrapmaxlength: {
scripts: [
"{$config.path.node_modules}/bootstrap-maxlength/src/bootstrap-maxlength.js",
],
},
daterangepicker: {
styles: [
"{$config.path.node_modules}/bootstrap-daterangepicker/daterangepicker.css",
],
scripts: [
"{$config.path.node_modules}/bootstrap-daterangepicker/daterangepicker.js",
],
},
inputmask: {
scripts: [
"{$config.path.node_modules}/inputmask/dist/inputmask.js",
"{$config.path.node_modules}/inputmask/dist/bindings/inputmask.binding.js",
],
},
tinyslider: {
styles: [
"{$config.path.node_modules}/tiny-slider/dist/tiny-slider.css",
],
scripts: [
"{$config.path.node_modules}/tiny-slider/dist/min/tiny-slider.js",
],
},
nouislider: {
styles: [
"{$config.path.node_modules}/nouislider/dist/nouislider.css",
],
scripts: [
"{$config.path.node_modules}/nouislider/dist/nouislider.js",
],
},
autosize: {
scripts: [
"{$config.path.node_modules}/autosize/dist/autosize.js",
],
},
clipboard: {
scripts: [
"{$config.path.node_modules}/clipboard/dist/clipboard.min.js",
],
},
bootstrapmultiselectsplitter: {
scripts: [
"{$config.path.node_modules}/bootstrap-multiselectsplitter/bootstrap-multiselectsplitter.js",
],
},
smoothscroll: {
scripts: [
"{$config.path.node_modules}/smooth-scroll/dist/smooth-scroll.js",
],
},
dropzone: {
styles: [
"{$config.path.node_modules}/dropzone/dist/dropzone.css",
],
scripts: [
"{$config.path.node_modules}/dropzone/dist/dropzone.js",
"{$config.path.common_src}/js/vendors/plugins/dropzone.init.js",
],
},
quil: {
styles: ["{$config.path.node_modules}/quill/dist/quill.snow.css"],
scripts: ["{$config.path.node_modules}/quill/dist/quill.js"],
},
tagify: {
styles: [
"{$config.path.node_modules}/@yaireo/tagify/dist/tagify.css",
],
scripts: [
"{$config.path.node_modules}/@yaireo/tagify/dist/tagify.polyfills.min.js",
"{$config.path.node_modules}/@yaireo/tagify/dist/tagify.js",
],
},
toastr: {
styles: [
"{$config.path.common_src}/plugins/toastr/build/toastr.css",
],
scripts: [
"{$config.path.common_src}/plugins/toastr/build/toastr.min.js",
],
},
apexcharts: {
styles: [
"{$config.path.node_modules}/apexcharts/dist/apexcharts.css",
],
scripts: [
"{$config.path.node_modules}/apexcharts/dist/apexcharts.min.js",
],
},
chartjs: {
scripts: [
"{$config.path.node_modules}/chart.js/dist/chart.umd.js",
],
},
countupjs: {
scripts: [
"{$config.path.node_modules}/countup.js/dist/countUp.umd.js",
],
},
sweetalert2: {
styles: [
"{$config.path.node_modules}/sweetalert2/dist/sweetalert2.css",
],
scripts: [
"{$config.path.node_modules}/es6-promise-polyfill/promise.min.js",
"{$config.path.node_modules}/sweetalert2/dist/sweetalert2.min.js",
"{$config.path.common_src}/js/vendors/plugins/sweetalert2.init.js",
],
},
keenicons: {
styles: [
"{$config.path.common_src}/plugins/keenicons/duotone/style.css",
"{$config.path.common_src}/plugins/keenicons/outline/style.css",
"{$config.path.common_src}/plugins/keenicons/solid/style.css",
],
fonts: [
"{$config.path.common_src}/plugins/keenicons/duotone/fonts/**",
"{$config.path.common_src}/plugins/keenicons/outline/fonts/**",
"{$config.path.common_src}/plugins/keenicons/solid/fonts/**",
],
},
"line-awesome": {
styles: [
"{$config.path.node_modules}/line-awesome/dist/line-awesome/css/line-awesome.css",
],
fonts: [
"{$config.path.node_modules}/line-awesome/dist/line-awesome/fonts/**",
],
},
"bootstrap-icons": {
styles: [
"{$config.path.node_modules}/bootstrap-icons/font/bootstrap-icons.css",
],
fonts: [
"{$config.path.node_modules}/bootstrap-icons/font/fonts/**",
],
},
"@fortawesome": {
styles: [
"{$config.path.node_modules}/@fortawesome/fontawesome-free/css/all.min.css",
],
fonts: [
"{$config.path.node_modules}/@fortawesome/fontawesome-free/webfonts/**",
],
},
},
override: {
styles: ["{$config.path.src}/sass/plugins.scss"],
},
},
dist: {
styles: "{$config.dist}/plugins/global/plugins.bundle.css",
scripts: "{$config.dist}/plugins/global/plugins.bundle.js",
images: "{$config.dist}/plugins/global/images",
fonts: "{$config.dist}/plugins/global/fonts",
},
},
custom: {
draggable: {
src: {
scripts: [
"{$config.path.node_modules}/@shopify/draggable/build/umd/index.min.js",
],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/draggable/draggable.bundle.js",
},
},
prismjs: {
src: {
styles: [
"{$config.path.node_modules}/prism-themes/themes/prism-shades-of-purple.css",
],
scripts: [
"{$config.path.node_modules}/prismjs/prism.js",
"{$config.path.node_modules}/prismjs/components/prism-markup.js",
"{$config.path.node_modules}/prismjs/components/prism-markup-templating.js",
"{$config.path.node_modules}/prismjs/components/prism-bash.js",
"{$config.path.node_modules}/prismjs/components/prism-javascript.js",
"{$config.path.node_modules}/prismjs/components/prism-scss.js",
"{$config.path.node_modules}/prismjs/components/prism-css.js",
"{$config.path.node_modules}/prismjs/components/prism-php.js",
"{$config.path.node_modules}/prismjs/components/prism-php-extras.js",
"{$config.path.node_modules}/prismjs/components/prism-python.js",
"{$config.path.node_modules}/prismjs/components/prism-aspnet.js",
"{$config.path.node_modules}/prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.js",
"{$config.path.common_src}/js/vendors/plugins/prism.init.js",
],
},
dist: {
styles: "{$config.dist}/plugins/custom/prismjs/prismjs.bundle.css",
scripts: "{$config.dist}/plugins/custom/prismjs/prismjs.bundle.js",
},
},
datatables: {
src: {
styles: [
"{$config.path.node_modules}/datatables.net-bs5/css/dataTables.bootstrap5.css",
"{$config.path.node_modules}/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css",
"{$config.path.node_modules}/datatables.net-colreorder-bs5/css/colReorder.bootstrap5.min.css",
"{$config.path.node_modules}/datatables.net-fixedcolumns-bs5/css/fixedColumns.bootstrap5.min.css",
"{$config.path.node_modules}/datatables.net-fixedheader-bs5/css/fixedHeader.bootstrap5.min.css",
"{$config.path.node_modules}/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css",
"{$config.path.node_modules}/datatables.net-rowreorder-bs5/css/rowReorder.bootstrap5.min.css",
"{$config.path.node_modules}/datatables.net-scroller-bs5/css/scroller.bootstrap5.min.css",
"{$config.path.node_modules}/datatables.net-select-bs5/css/select.bootstrap5.min.css",
"{$config.path.node_modules}/datatables.net-datetime/dist/dataTables.dateTime.min.css",
],
scripts: [
"{$config.path.node_modules}/datatables.net/js/dataTables.js",
"{$config.path.node_modules}/datatables.net-bs5/js/dataTables.bootstrap5.js",
"{$config.path.common_src}/js/vendors/plugins/datatables.init.js",
"{$config.path.node_modules}/jszip/dist/jszip.min.js",
"{$config.path.node_modules}/pdfmake/build/pdfmake.min.js",
"{$config.path.node_modules}/pdfmake/build/vfs_fonts.js",
"{$config.path.node_modules}/datatables.net-buttons/js/dataTables.buttons.min.js",
"{$config.path.node_modules}/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js",
"{$config.path.node_modules}/datatables.net-buttons/js/buttons.colVis.js",
"{$config.path.node_modules}/datatables.net-buttons/js/buttons.flash.js",
"{$config.path.node_modules}/datatables.net-buttons/js/buttons.html5.js",
"{$config.path.node_modules}/datatables.net-buttons/js/buttons.print.js",
"{$config.path.node_modules}/datatables.net-colreorder/js/dataTables.colReorder.min.js",
"{$config.path.node_modules}/datatables.net-colreorder-bs5/js/colReorder.bootstrap5.js",
"{$config.path.node_modules}/datatables.net-fixedcolumns/js/dataTables.fixedColumns.min.js",
"{$config.path.node_modules}/datatables.net-fixedcolumns-bs5/js/fixedColumns.bootstrap5.js",
"{$config.path.node_modules}/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js",
"{$config.path.node_modules}/datatables.net-fixedheader-bs5/js/fixedHeader.bootstrap5.js",
"{$config.path.node_modules}/datatables.net-responsive/js/dataTables.responsive.min.js",
"{$config.path.node_modules}/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js",
"{$config.path.node_modules}/datatables.net-rowgroup/js/dataTables.rowGroup.min.js",
"{$config.path.node_modules}/datatables.net-rowgroup-bs5/js/rowGroup.bootstrap5.js",
"{$config.path.node_modules}/datatables.net-rowreorder/js/dataTables.rowReorder.min.js",
"{$config.path.node_modules}/datatables.net-rowreorder-bs5/js/rowReorder.bootstrap5.js",
"{$config.path.node_modules}/datatables.net-scroller/js/dataTables.scroller.min.js",
"{$config.path.node_modules}/datatables.net-scroller-bs5/js/dataTables.bootstrap5.js",
"{$config.path.node_modules}/datatables.net-select/js/dataTables.select.min.js",
"{$config.path.node_modules}/datatables.net-select-bs5/js/dataTables.bootstrap5.js",
"{$config.path.node_modules}/datatables.net-datetime/dist/dataTables.dateTime.min.js",
"{$config.path.node_modules}/datatables.net-plugins/features/conditionalPaging/dataTables.conditionalPaging.js",
],
},
dist: {
styles:
"{$config.dist}/plugins/custom/datatables/datatables.bundle.css",
scripts:
"{$config.dist}/plugins/custom/datatables/datatables.bundle.js",
},
},
leaflet: {
src: {
styles: [
"{$config.path.node_modules}/leaflet/dist/leaflet.css",
"{$config.path.node_modules}/esri-leaflet-geocoder/dist/esri-leaflet-geocoder.css",
],
scripts: [
"{$config.path.node_modules}/leaflet/dist/leaflet.js",
"{$config.path.node_modules}/esri-leaflet/dist/esri-leaflet.js",
"{$config.path.node_modules}/esri-leaflet-geocoder/dist/esri-leaflet-geocoder.js",
],
},
dist: {
styles: "{$config.dist}/plugins/custom/leaflet/leaflet.bundle.css",
scripts: "{$config.dist}/plugins/custom/leaflet/leaflet.bundle.js",
},
},
fslightbox: {
src: {
scripts: ["{$config.path.node_modules}/fslightbox/index.js"],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/fslightbox/fslightbox.bundle.js",
},
},
typedjs: {
src: {
scripts: ["{$config.path.node_modules}/typed.js/dist/typed.umd.js"],
},
dist: {
scripts: "{$config.dist}/plugins/custom/typedjs/typedjs.bundle.js",
},
},
fullcalendar: {
src: {
styles: ["{$config.path.node_modules}/fullcalendar/main.min.css"],
scripts: [
"{$config.path.node_modules}/fullcalendar/main.js",
"{$config.path.node_modules}/fullcalendar/locales-all.min.js",
],
},
dist: {
styles:
"{$config.dist}/plugins/custom/fullcalendar/fullcalendar.bundle.css",
scripts:
"{$config.dist}/plugins/custom/fullcalendar/fullcalendar.bundle.js",
},
},
tinymcejs: {
src: {
scripts: [
"{$config.path.node_modules}/tinymce/tinymce.min.js",
"{$config.path.node_modules}/tinymce/themes/silver/theme.js",
"{$config.path.node_modules}/tinymce/themes/mobile/theme.js",
"{$config.path.node_modules}/tinymce/icons/default/icons.js",
"{$config.path.node_modules}/tinymce/plugins/**/plugin.js",
],
},
dist: {
scripts: "{$config.dist}/plugins/custom/tinymce/tinymce.bundle.js",
},
},
ckeditorclassic: {
src: {
scripts: [
"{$config.path.node_modules}/@ckeditor/ckeditor5-build-classic/build/ckeditor.js",
],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/ckeditor/ckeditor-classic.bundle.js",
},
},
ckeditorinline: {
src: {
scripts: [
"{$config.path.node_modules}/@ckeditor/ckeditor5-build-inline/build/ckeditor.js",
],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/ckeditor/ckeditor-inline.bundle.js",
},
},
ckeditorballoon: {
src: {
scripts: [
"{$config.path.node_modules}/@ckeditor/ckeditor5-build-balloon/build/ckeditor.js",
],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/ckeditor/ckeditor-balloon.bundle.js",
},
},
ckeditorballoonblock: {
src: {
scripts: [
"{$config.path.node_modules}/@ckeditor/ckeditor5-build-balloon-block/build/ckeditor.js",
],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/ckeditor/ckeditor-balloon-block.bundle.js",
},
},
ckeditordecoupleddocument: {
src: {
scripts: [
"{$config.path.node_modules}/@ckeditor/ckeditor5-build-decoupled-document/build/ckeditor.js",
],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/ckeditor/ckeditor-document.bundle.js",
},
},
cropperjs: {
src: {
styles: ["{$config.path.node_modules}/cropperjs/dist/cropper.css"],
scripts: ["{$config.path.node_modules}/cropperjs/dist/cropper.js"],
},
dist: {
styles: "{$config.dist}/plugins/custom/cropper/cropper.bundle.css",
scripts: "{$config.dist}/plugins/custom/cropper/cropper.bundle.js",
},
},
jkanban: {
src: {
styles: [
"{$config.path.node_modules}/jkanban/dist/jkanban.min.css",
],
scripts: [
"{$config.path.node_modules}/jkanban/dist/jkanban.min.js",
],
},
dist: {
styles: "{$config.dist}/plugins/custom/jkanban/jkanban.bundle.css",
scripts: "{$config.dist}/plugins/custom/jkanban/jkanban.bundle.js",
},
},
flot: {
src: {
scripts: [
"{$config.path.node_modules}/flot/dist/es5/jquery.flot.js",
"{$config.path.node_modules}/flot/source/jquery.flot.resize.js",
"{$config.path.node_modules}/flot/source/jquery.flot.categories.js",
"{$config.path.node_modules}/flot/source/jquery.flot.pie.js",
"{$config.path.node_modules}/flot/source/jquery.flot.stack.js",
"{$config.path.node_modules}/flot/source/jquery.flot.crosshair.js",
"{$config.path.node_modules}/flot/source/jquery.flot.axislabels.js",
],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/flotcharts/flotcharts.bundle.js",
},
},
vistimeline: {
src: {
styles: [
"{$config.path.node_modules}/vis-timeline/dist/vis-timeline-graph2d.css",
],
scripts: [
"{$config.path.node_modules}/vis-timeline/standalone/umd/vis-timeline-graph2d.min.js",
"{$config.path.node_modules}/handlebars/dist/handlebars.min.js",
],
},
dist: {
styles:
"{$config.dist}/plugins/custom/vis-timeline/vis-timeline.bundle.css",
scripts:
"{$config.dist}/plugins/custom/vis-timeline/vis-timeline.bundle.js",
},
},
jstree: {
src: {
styles: [
"{$config.path.node_modules}/jstree/dist/themes/default/style.css",
],
scripts: ["{$config.path.node_modules}/jstree/dist/jstree.js"],
images: [
"{$config.path.common_src}/media/plugins/jstree/32px.png",
"{$config.path.node_modules}/jstree/dist/themes/default/throbber.gif",
],
},
dist: {
styles: "{$config.dist}/plugins/custom/jstree/jstree.bundle.css",
scripts: "{$config.dist}/plugins/custom/jstree/jstree.bundle.js",
images: "{$config.dist}/plugins/custom/jstree/images/jstree",
},
},
formrepeater: {
src: {
scripts: [
"{$config.path.node_modules}/jquery.repeater/src/lib.js",
"{$config.path.node_modules}/jquery.repeater/src/jquery.input.js",
"{$config.path.node_modules}/jquery.repeater/src/repeater.js",
],
},
dist: {
scripts:
"{$config.dist}/plugins/custom/formrepeater/formrepeater.bundle.js",
},
},
cookiealert: {
src: {
styles: [
"{$config.path.node_modules}/bootstrap-cookie-alert/cookiealert.css",
],
scripts: [
"{$config.path.node_modules}/bootstrap-cookie-alert/cookiealert.js",
],
},
dist: {
styles:
"{$config.dist}/plugins/custom/cookiealert/cookiealert.bundle.css",
scripts:
"{$config.dist}/plugins/custom/cookiealert/cookiealert.bundle.js",
},
},
},
},
widgets: {
src: {
scripts: ["{$config.path.common_src}/js/widgets/**/*.js"],
},
dist: {
scripts: "{$config.dist}/js/widgets.bundle.js",
},
},
custom: {
src: {
styles: [
"{$config.path.common_src}/sass/custom/**/*.scss",
"{$config.path.src}/sass/custom/**/*.scss",
],
scripts: [
"{$config.path.common_src}/js/custom/**/*.js",
"{$config.path.src}/js/custom/**/*.js",
],
},
dist: {
styles: "{$config.dist}/css/custom/",
scripts: "{$config.dist}/js/custom/",
},
},
media: {
src: {
media: [
"{$config.path.common_src}/media/**/*.*",
"{$config.path.src}/media/**/*.*",
],
},
dist: {
media: "{$config.dist}/media/",
},
},
misc: {
src: {
styles: ["{$config.path.node_modules}/tinymce/skins/**/*.css"],
},
dist: {
styles: "{$config.dist}/plugins/custom/tinymce/skins/",
},
},
},
};
export { gulpConfig };
Hi,
Sorry for the misunderstanding.
The cause of these errors is keenicon file references in themeconfig.json left from Metronic older versions.
To fix it follow the steps below:
1) Open Starterkit/_keenthemes/config/themesettings.json.
2) In Theme.Assets.Css array remove keenicon files, these files are already bundled into the main style bundler and shouldn't be loaded separately.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
Hi,
I made the changes as you suggested and ran "gulp --demo1" without any issues. The page loads without errors, but the keenicons are not displayed on the site.
Is there anything else I need to do?
Best Regards,
Hi,
Ensure that you still have the following files in your CSS configuration array and IconsType is set to duotone.
"plugins/global/plugins.bundle.css",
"css/style.bundle.css"Regards,
Lauris Stepanovs,
Keenthemes Support Team
Hi,
Thank you for reaching out to us.
We tested the latest Metronic Asp.Net-Core version and were unable to reproduce this issue.
Did you make any changes to our gulp configuration?
Regards,
Lauris Stepanovs,
Keenthemes Support Team
