error in console on opening aem site edit mode /editor.html/content/sites/sample/en.html | Community
Skip to main content
T
Adobe Employee
tasunil1Adobe Employee
Adobe Employee
December 14, 2020
Solved

error in console on opening aem site edit mode /editor.html/content/sites/sample/en.html

  • December 14, 2020
  • 4 replies
  • 3230 views

I am facing one issue, I created a single page website using the samples in AEM 6.5 with sp7 but in the console on opening the html page I am getting, "Refused to apply style from 'http://localhost:4502/etc.clientlibs/settings/wcm/designs/social/console/resources.css' because its MIME type ('') is not a supported stylesheet MIME type, and strict MIME checking is enabled." 

 

 What is the cause of this issue and what can be done to avoid this issue? Any help would be great. Thanks

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by BrianKasingli

@tasunil1,

404 not found means that your client library does not exist.

Assuming that you are working on the author as your local development environment, you are logged in as an administrator, accessing /etc.clientlibs/* should not be a problem at all with authentication.

The first thing that caught my eye is, does the client library exist in the JCR? In CRX/DE can you find and resolve, /apps/settings/wcm/designs/social/console/resources.css or /libs/settings/wcm/designs/social/console/resources.css. And is this resource a valid client library?

Secondly, once you locate the resources that generate the client library CSS & JS files, copy the clientlib category. Now, double check if the client library is valid using dumplibs tool, localhost:4502/libs/granite/ui/content/dumplibs.html.

 

 

 

 

 

4 replies

SureshDhulipudi
Community Advisor
SureshDhulipudiCommunity Advisor
Community Advisor
December 15, 2020

1) can you check Apache Sling Authentication Service and add allow specific routes to be accessible without authorization:

-/libs/granite/ui

-/apps/granite/core/content

This will enable the CSS.

2) Anonymous user access level

3) Check the .css modified files syntax

4) Minification of css files also some times gives error, try to load full css file / check it by accessing directly with url https://localhost:4502/<path>/file.css

 

T
Adobe Employee
tasunil1Adobe EmployeeAuthor
Adobe Employee
December 15, 2020
Hi @sureshdhulipudi, I tried the following steps, but I am still getting the error in the console, I added the paths in the Apache Sling Authentication Service. i did not understand what is to be done with anonymous user access level. this css i have not added so how can i load a full css. and it is saying that localhost page cannot be found at http://localhost:4502/etc.clientlibs/settings/wcm/designs/social/console/resources.css 404
T
Adobe Employee
tasunil1Adobe EmployeeAuthor
Adobe Employee
December 15, 2020

Hi @sureshd71454102, I tried the following steps, but I am still getting the error in the console, I added the paths in the Apache Sling Authentication Service. i did not understand what is to be done with anonymous user access level. this css i have not added so how can i load a full css. and it is saying that localhost page cannot be found at http://localhost:4502/etc.clientlibs/settings/wcm/designs/social/console/resources.css 404

BrianKasingli
Community Advisor and Adobe Champion
BrianKasingliCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
December 15, 2020

@tasunil1,

404 not found means that your client library does not exist.

Assuming that you are working on the author as your local development environment, you are logged in as an administrator, accessing /etc.clientlibs/* should not be a problem at all with authentication.

The first thing that caught my eye is, does the client library exist in the JCR? In CRX/DE can you find and resolve, /apps/settings/wcm/designs/social/console/resources.css or /libs/settings/wcm/designs/social/console/resources.css. And is this resource a valid client library?

Secondly, once you locate the resources that generate the client library CSS & JS files, copy the clientlib category. Now, double check if the client library is valid using dumplibs tool, localhost:4502/libs/granite/ui/content/dumplibs.html.

 

 

 

 

 

    T
    Adobe Employee
    tasunil1Adobe EmployeeAuthor
    Adobe Employee
    December 15, 2020

    Hello @briankasingli 

     

    The css is not present in either of the two locations /apps/settings/wcm/designs/social/console/resources.css or /libs/settings/wcm/designs/social/console/resources.css

    I did not understand the meaning of And is this resource a valid client library?

    I simply created a single page using Link and on editing i am getting this error. I have added no custom css. 

    Also in the dumplibs there is no /libs/settings/wcm/designs/social/

    Only the following are present

    and no path is present by this wcm/designs/social

    What css should be added so that this error goes away?

    Thanks

      BrianKasingli
      Community Advisor and Adobe Champion
      BrianKasingliCommunity Advisor and Adobe Champion
      Community Advisor and Adobe Champion
      December 15, 2020

      @tasunil1, in that case the CSS client library that you are trying to resolve, does not exist... you might be missing a package with the installation resources of

      /libs/settings/wcm/designs/social/console/*

      Terms & ConditionsAccessibility statement

      Loading footer...