Getting "InternalException: .popup-border is undefined on line 5 in file /format-links-popup-panel.less", when trying to preview "Site" theme or widgets

Hello.

After upgrade to 10.1.5 - I cannot preview upgraded theme or widgets: pages in preview mode are broken and CssFileRenderingError error appears in the log.  

Any ideas?

<?xml version="1.0" encoding="UTF-8"?>

 

-<exceptions operatingSystem="Microsoft Windows NT 6.1.7601 Service Pack 1" machineName="XXXXXXXXXX" product="Telligent Community" version="10.1.5.9189" generated="2018-03-06T18:57:53.2844687Z"> 

<exception frequency="2" lastOcurred="2018-03-06T18:57:10.6770000Z" ipAddress="10.70.70.151" type="CssFileRenderingError" message=".popup-border is undefined on line 5 in file 'RnJkDDVn-UKHXci5kf5zmw/AAAAAAAAAAAAAAAAAAAAAA/3fc3f82483d14ec485ef92e206116d49/files/format-links-popup-panel.less?_t=636559594307454062': [4]: font-weight: @font-weight; [5]: .popup-border; -^ : background-color: @color-background;" httpReferrer="http://communitydev.exclusiveresorts.com:8111/" httpVerb="GET" httpPathAndQuery="/cfs-file/__key/themefiles/t-2100-h-000000000049a2c2-s-3fc3f82483d14ec485ef92e206116d49-stylesheetfiles-http-communitydevexclusiveresortscom-8111/screen.less?_t=636559594301360312" serverName="ZWEBDEV01" userAgent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537." id="1"> InternalException: .popup-border is undefined on line 5 in file 'RnJkDDVn-UKHXci5kf5zmw/AAAAAAAAAAAAAAAAAAAAAA/3fc3f82483d14ec485ef92e206116d49/files/format-links-popup-panel.less?_t=636559594307454062': [4]: font-weight: @font-weight; [5]: .popup-border; -^ : background-color: @color-background; at Telligent.Evolution.Components.ThemeFiles.DotLessLogger.Log(String message) at dotless.Core.Loggers.Logger.Error(String message) at dotless.Core.LessEngine.TransformToCss(String source, String fileName) at dotless.Core.ParameterDecorator.TransformToCss(String source, String fileName) at Telligent.Evolution.Components.ThemeFiles.ProcessLessDirectivesInternal(Guid themeTypeId, Guid themeContextId, String themeName, String text, Boolean stage, Boolean attemptFix, Boolean& successful) at Telligent.Evolution.Components.ThemeFiles.ProcessLessDirectives(Guid themeTypeId, Guid themeContextId, String themeName, String text, Boolean stage, Boolean& successful) at Telligent.Evolution.Components.ThemeFiles.AdjustTextFile(Guid themeTypeId, Guid themeContextId, String themeName, String text, String fileName, Boolean stage, Boolean& successful) at Telligent.Evolution.Components.ThemeFiles.<>c__DisplayClass57_0.<AdjustCreateHostSpecificTextFile>b__0() at Telligent.Evolution.Components.DistributedLockService.Lock(String lockKey, Action action) at Telligent.Evolution.Components.ThemeFiles.AdjustCreateHostSpecificTextFile(String[] components, String& fileStoreKey, String& path, String& fileName) at Telligent.Evolution.Extensibility.Storage.Version1.CentralizedFileStorage.FindFile(String& fileStoreKey, String& path, String& fileName) at Telligent.Evolution.Extensibility.Storage.Version1.CentralizedFileStorage.TryGetFile(String fileStoreKey, String path, String fileName, ICentralizedFile& file) at Telligent.Evolution.Extensibility.Storage.Version1.CentralizedFileStorage.GetCentralizedFileByUrl(String url) at Telligent.Evolution.Components.FileHttpHandler.ProcessRequest(HttpContext context) at Telligent.Evolution.Urls.Routing.SiteUrlHttpHandler.System.Web.IHttpHandler.ProcessRequest(HttpContext context) at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously) at System.Web.HttpApplication.PipelineStepManager.ResumeSteps(Exception error) at System.Web.HttpApplication.BeginProcessRequestNotification(HttpContext context, AsyncCallback cb) at System.Web.HttpRuntime.ProcessRequestNotificationPrivate(IIS7WorkerRequest wr, HttpContext context) at System.Web.Hosting.PipelineRuntime.ProcessRequestNotificationHelper(IntPtr rootedObjectsPointer, IntPtr nativeRequestContext, IntPtr moduleData, Int32 flags) at System.Web.Hosting.PipelineRuntime.ProcessRequestNotification(IntPtr rootedObjectsPointer, IntPtr nativeRequestContext, IntPtr moduleData, Int32 flags) at System.Web.Hosting.UnsafeIISMethods.MgdIndicateCompletion(IntPtr pHandler, RequestNotificationStatus& notificationStatus) at System.Web.Hosting.UnsafeIISMethods.MgdIndicateCompletion(IntPtr pHandler, RequestNotificationStatus& notificationStatus) at System.Web.Hosting.PipelineRuntime.ProcessRequestNotificationHelper(IntPtr rootedObjectsPointer, IntPtr nativeRequestContext, IntPtr moduleData, Int32 flags) at System.Web.Hosting.PipelineRuntime.ProcessRequestNotification(IntPtr rootedObjectsPointer, IntPtr nativeRequestContext, IntPtr moduleData, Int32 flags) </exception>

 </exceptions>

  • UPDATE: This is reply from Telligent support:

    "This is related to bug #105966, #105949, and #106140. These are scheduled for the March 2018 hotfix (excluding 106140, which is a duplicate bug entry). To work-around the issues, open “Edit this theme” at the site level and publish changes immediately. This should force CSS files to be regenerated now that the caches on the different web nodes have updated.

    Once you have walked through the User Experience Upgrade process (do the theme sections first, then do the widgets), you can safely mark any System Notification relating to the “screen.less” file as Mark Resolved."

  • Thanks, got the same error with my 10.1.5 upgrade.
    Sadly the work-around didn't work for me.

  • The above error eventually disappeared after publishing the site.

    But it was replace by a new and very similar error/system notification:

    While processing the 'screen.less' file embedded in the 'Site' theme, the following error was encountered. Please review the error and correct the source file. The last error-free version of this file is now being used until this error is corrected.

    /*
    
    variable @font-size is undefined on line 9 in file 'RnJkDDVn-UKHXci5kf5zmw/AAAAAAAAAAAAAAAAAAAAAA/3fc3f82483d14ec485ef92e206116d49/files/general.less?_t=00000000181dad2a':
      : 	font-family: Helvetica, Arial, sans-serif;
      [9]: 	font-size: @font-size;
           ------------^
     [10]: 	line-height: 120%;
    
    */
    
  • If the theme is mostly uncustomized, you may want to try reverting the files of the site theme during a period of low activity. If this file had been customized, it may require more detailed review by your developers.

  • I have already tried to remove all changes to the custom styles of the site. Besides that no CSS changes to the site theme.That didn't help.

    I also tried to "hardcode" the missing @ variables into the general.less file. That "fixes" error regarding the general.less file, but just brings back the same error that wrote in the start of this thread.  It's allowing me to publish and"use" the site, but none of the CSS/less files after the error are loading.

  • Can you open a support case with Telligent Support and we can provide more direct assistance?

  • Could you please post any findings or additional info when your issue will be resolved by Telligent support? It is working OK for us now in both DEV and TEST instances, but PROD release is still pending. 

  • The March service release will include a fix for this issue. The work-around often requires some site-specific finesse, because you're conflicting with the current state of the cache without a way to forcefully expire it.

  • I have just upgraded from 10.1.5 to 10.1.6.9599.

    The same error occurs:

    A critical error was found in 'screen.less' within the 'Site' theme.

    While processing the 'screen.less' file embedded in the 'Site' theme, the following error was encountered. Please review the error and correct the source file. There was no error-free backup of this file, so this error is currently affecting visitors viewing the 'Site' theme.

    /*
    
    .popup-border is undefined on line 5 in file 'RnJkDDVn-UKHXci5kf5zmw/AAAAAAAAAAAAAAAAAAAAAA/3fc3f82483d14ec485ef92e206116d49/files/format-links-popup-panel.less?_t=636586958602258175':
      [4]: 	font-weight: @font-weight;
      [5]: 	.popup-border;
           -^
      : 	background-color: @color-background;
    
    */