backoffice UI broken

[Former Member]

I have the following severe rendering problem in backoffice.

The console does only print many warnings like these: WARN [hybrisHTTP13] [SimpleHybrisWidgetResourceLoader] Unable to resolve JarInfo for '/cockpitng/cng/css/mycustombackoffice.css' (...) WARN [hybrisHTTP31] [DefaultAbstractCollectorChartHandler] Could not find series values (...) WARN [hybrisHTTP14] [ListViewCollectionBrowserMoldStrategy] Missing Column Configuration for type:

But this gives me no clue, even when I debug through that code. No luck with ant clean all, nor with updatesystem, nor with "reset everything" in backoffice orchestrator.

Did anybody face and resolve this already?

[former_member638520 · Accepted solution]

Hi,

Which version of hybris do you use? Could you try invoke:

 ant sassclean sasscompile 

Regards

Lukasz

[Former Member · Accepted solution]

Thank you. backoffice is finally back to normal. It's a hybris 6.3

[former_member638520 · Accepted solution]

you're welcome ;)

[100541809267 · Accepted solution]

Hi Łukasz, I am facing the same problem, a day ago I am getting the same error as "Unable to resolve JarInfo for '/cockpitng/cng/css/backoffice.css'". I have tried running above command and then starting the server. But I am Still seeing the same broken UI. Are there any more steps to do. I am using 6.7.0.12 version.

• Thanks in advance.

[ananda_palani · Accepted solution]

@Lukasz Stypka, we are facing this css load issue in CCV2 environment. we do not have backend access to run the sasscompile, do you have any idea on fixing this issue in ccv2.

[former_member1047150]

How were you able to resolve the issue? I am running into a similar issue (Hybris 6.3) where in the server environment, it is complaining about 2 missing CSS files. In my local, these files were there in backoffice generated directory. When I deleted them, I am able to reproduce the issue. So there are 2 things that is baffling me -

1. These files were created by me while I was playing around with my custom backoffice extension and got rid of them. So, not sure how it is still tied. How a CSS file name gets tied with widgets and how to undo it?

2. How come those files were still there in my local (generated directory in backoffice). How and when is that directory gets cleaned and recreated?

[Former Member]

For me it was resolved with the answer marked as "Best answer".

[former_member660462]

Thanks for help Stypka..! Now,it's working fine after changes.

[Former Member]

I'am having a similiar issue while deploying production zip. On my local machine everything looks fine but the deployed production-zip has a crashed dashboad.

Then i tried to "ant clean all" on the remote machine, but i got the following error:

 [unifyJspClassTime] adjusted 208 java/class timestamps
     [touch] Creating D:\hybris6.3_1\hybris\bin\platform\tomcat\work\Catalina\localhost\hmc\jspcompile_touch
      [echo] Creating a link to D:\hybris6.3_1\hybris\bin\ext-content\npmancillary\resources\npm\node_modules in D:\hybris6.3_1\hybris\bin\ext-backoffice\backoffice\node_modules
      [exec] Eine Datei kann nicht erstellt werden, wenn sie bereits vorhanden ist.
      [exec] Result: 1
      [echo] Running grunt copy_backoffice_sass
 
 BUILD FAILED
 D:\hybris6.3_1\hybris\bin\platform\build.xml:20: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\platform\resources\ant\compiling.xml:90: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\platform\resources\ant\compiling.xml:202: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\platform\resources\ant\util.xml:20: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\platform\resources\ant\compiling.xml:204: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\platform\resources\ant\util.xml:144: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\ext-backoffice\backoffice\buildcallbacks.xml:69: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\ext-backoffice\backoffice\buildcallbacks.xml:79: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\ext-backoffice\backoffice\buildcallbacks.xml:222: The following error occurred while executing this line:
 D:\hybris6.3_1\hybris\bin\ext-backoffice\backoffice\buildcallbacks.xml:302: Directory D:\hybris6.3_1\hybris\bin\ext-backoffice\backoffice\node_modules\.bin creation was not successful for an unknown r
 eason

As far as i understand, the issue is because the "bin\ext-content\npmancillary\resources\npm" folder is not part of the production-zip. On my local environment the css used in backoffice is taken from "backoffice/ressource/backoffice/generated" folder. When i delete that folder in my local environment the Backoffice-UI is also broken as it is on the remote machine.

[former_member638520]

Hi,

Which version of backoffice do you use ?

Regards

Lukasz

[sasethia]

Try setting backoffice.sass.enabled=false in your local properties and try. Also post deployment don't forget to clear your browser cache.

[former_member1190134]

Hi, Recheck -config.xml and -widget.xml files.May be this type of rendering problem happens ,when miss-arranger(missing closing tag,..) those files.