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

metronic 8.2.0 version and html version errors on PHP


Hi,
I did everything as described in the below link in my php plugin:
https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build?demo=demo1

I log in to the system and everything work but my browser console is showing some errors like below, and when I comment include plugins.bundle.js ( wp_enqueue_script('global-plugins-js', $dir_path . 'assets/metronic/plugins/global/plugins.bundle10.js', array('jquery'), null, true);
) errors are not shown.

scripts.bundle.js:206 Uncaught TypeError: Cannot read properties of undefined (reading 'fn')
at createDateRangePickers (scripts.bundle.js:206:22)
at Object.init (scripts.bundle.js:687:13)
at Object.init (scripts.bundle.js:10:19)
at HTMLDocument.<anonymous> (scripts.bundle.js:28:16)
createDateRangePickers @ scripts.bundle.js:206
init @ scripts.bundle.js:687
init @ scripts.bundle.js:10
(anonymous) @ scripts.bundle.js:28
term.php:2888 GET chrome-extension://invalid/ net::ERR_FAILED
slider.min.js?ver=1.13.2:9 Uncaught TypeError: Cannot read properties of undefined (reading 'mouse')
at slider.min.js?ver=1.13.2:9:174
at slider.min.js?ver=1.13.2:9:105
at slider.min.js?ver=1.13.2:9:115
(anonymous) @ slider.min.js?ver=1.13.2:9
(anonymous) @ slider.min.js?ver=1.13.2:9
(anonymous) @ slider.min.js?ver=1.13.2:9
iris.min.js?ver=1.1.1:5 Uncaught TypeError: a.widget is not a function
at iris.min.js?ver=1.1.1:5:16749
at iris.min.js?ver=1.1.1:5:16827
(anonymous) @ iris.min.js?ver=1.1.1:5
(anonymous) @ iris.min.js?ver=1.1.1:5
menu.min.js?ver=1.13.2:9 Uncaught TypeError: a.widget is not a function
at menu.min.js?ver=1.13.2:9:140
at menu.min.js?ver=1.13.2:9:95
at menu.min.js?ver=1.13.2:9:105
(anonymous) @ menu.min.js?ver=1.13.2:9
(anonymous) @ menu.min.js?ver=1.13.2:9
(anonymous) @ menu.min.js?ver=1.13.2:9
autocomplete.min.js?ver=1.13.2:9 Uncaught TypeError: o.widget is not a function
at autocomplete.min.js?ver=1.13.2:9:149
at autocomplete.min.js?ver=1.13.2:9:104
at autocomplete.min.js?ver=1.13.2:9:114
(anonymous) @ autocomplete.min.js?ver=1.13.2:9
(anonymous) @ autocomplete.min.js?ver=1.13.2:9
(anonymous) @ autocomplete.min.js?ver=1.13.2:9
term.php:2898 GET chrome-extension://invalid/ net::ERR_FAILED


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 (2)


Hi,

It seems there might be some confusion in your setup. The link you provided is for Metronic 8.2.0 with Laravel documentation, but you mentioned using the wp_enqueue_script function, which is typically associated with WordPress, not Laravel.

To clarify and address the issue with errors in your browser console, please consider the following:

Ensure that you are using the correct version of Metronic for your specific application (Laravel or WordPress). Laravel and WordPress have different ways of handling scripts and dependencies, so you should follow the appropriate setup based on your application.

Date Range Picker Issue: The error you mentioned, "data-kt-daterangepicker='true' not found in the page," suggests that there might be an issue with the way the date range picker is initialized. You can try commenting out the createDateRangePickers(); function to see if that resolves the issue. The file is located src/js/components/app.js. Rebuild the assets using gulp or webpack after edit.

If you are still encountering issues after these checks, please provide more specific details about the errors you are seeing in the console, and I'll do my best to assist you further.



Use the relevant Metronic version for your application (Laravel or WordPress). You should follow the Laravel or WordPress script and dependency setup for your application.

Date Range Picker Issue: The error "data-kt-daterangepicker='true' not found in the page," signals a date range picker initialization issue. Commenting out createDateRangePickers(); may fix the problem. App.js is in src/js/components. After editing, rebuild assets with gulp or webpack. geometry dash


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