CSS version mismatch

Answered
Peter Mei asked on September 11, 2023

We recently upgrade to version 2.9.59 and we get CSS version mismatch warning message in the console. We check javascript version by pivot.version and Ctl+Alt+I, we do have 2.9.59 version. We also try "Empty Cache and Hard Reload: in browser but we still get the mismatch warning message.
"Versions of Flexmonster specified in the CSS and JS files do not match.
The version of Javascript: 2.9.57, the version of CSS: 2.9.59."

8 answers

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster September 12, 2023

Hello Peter,

Thank you for reaching out to us.

It seems that Flexmonster wasn't fully updated. Please check the flexmonster.js file through the Sources tab in your browser's developer tools.
See how the version is specified in the JavaScript file:

/** 
 * Flexmonster Pivot Table & Charts
 * <version>
*/

Then update flexmonster.js to the same version and clear your browser cache to make sure the browser does not load cached Flexmonster files. Finally, check if the flexmonster.cssand flexmonster.js versions match.

Please let us know if it works for you. Looking forward to hearing from you.

Kind regards,
Nadia

Public
Peter Mei September 12, 2023

Hi Nadia,
I check flexmonsterfull.js and flexmonster.min.css in the Source tab and both show version 2.9.59, please see screenshot in the attachment. Ctl+Alt+I  and console.log(pivot.version)  also show 2.9.59. I wonder if it's a false warning message. 

Attachments:
js version.jpg

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster September 13, 2023

Hello Peter,

Thank you for the response.

Please check if there are any other Flexmonster imports in your project. The warning may be called by the older version of the Flexmonster package that is still imported into your project.
You can also click on the file that throws the CSS version mismatch warning (flexmonster.full.js:1599 link in the top right corner of the console message) and find the location of the older version of Flexmonster.

Please let us know if it solves the issue. Looking forward to your response.

Kind regards,
Nadia

Public
Peter Mei September 13, 2023

Hi Nadia,
I did global search and didn't find any 2.9.57 version file in the whole project folder. We only import two files:  javascrip and css, both are versionn2.9.59
I also try to look line 1599 of js file (see attached screenshot). I try to debug and cannot figure out  where it get it get version 2.9.57.
Peter

Attachments:
js version2.jpg

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster September 14, 2023

Hi Peter,

Thank you for the response.

Please scroll the JS file from your screenshot "js version2.jpg" to the top and check if it shows the 2.9.57 version. If so, check this file's location in the navigator on the left panel of the developer tools and remove it from your project.
Also, we do not change the CSS file frequently, and the 2.9.59 version of CSS is the same as the 2.9.57, so this warning will not affect the Flexmonster work. However, it is better to have the same version of CSS and JS files.

We hope it helps. You are welcome to write to us in case further questions arise.

Kind regards,
Nadia

Public
Peter Mei September 14, 2023

Hi Nadia,
I scroll to the top and it shows 2.9.59 (see attached screenshot). I do global search there is no any 2.9.57 file and I wonder if it's a false warning message.
Peter

Attachments:
js version3.jpg

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster September 18, 2023

Hello,

Thank you for the response.

Kindly note that this could not be a false warning since our website had the same version, and there was no such warning. We suggest you ignore this message for now because it doesn't affect the component.

If you face this issue in future updates, you are welcome to contact us.

Kind regards,
Nadia

Public
Peter Mei September 19, 2023

Thanks, we will ignore the message for now
Peter

Please login or Register to Submit Answer