Error Could not compile SCSS

  • Affected Version
    WoltLab Suite 5.5
    Affected App
    WoltLab Suite Forum

    Guten Morgen zusammen,

    Wollte mich heute Morgen ans Update von 5.4 auf 5.5 machen. Aber leider hats mir da etwas zerschossen.

    Könnt ihr mich hier vielleicht auf den Richtigen Lösungsweg bringen?

    Gruss

    Patrick

    System Information

    • PHP Version:

      8.0.20

    • WoltLab Suite Core:

      5.5.2

    • Peak Memory Usage:

      41.212/512 MiB

    • Request URI:

      GET /wcf/

    • Referrer:
    • User Agent:

      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

    Original Error

    • Error Type:

      ScssPhp\ScssPhp\Exception\SassScriptException

    • Error Message:

      $amount: Expected 20% to be within 0% and 1%

    • File:

      */lib/system/api/scssphp/scssphp/src/Exception/SassScriptException.php (30)

    • Template Context:
    • Stack Trace:
      • #0 */lib/system/api/scssphp/scssphp/src/Node/Number.php (269):
      • ScssPhp\ScssPhp\Exception\SassScriptException::forArgument('Expected 20% to be within 0% and 1%', 'amount')
      • #1 */lib/system/api/scssphp/scssphp/src/Compiler.php (8604):
      • ScssPhp\ScssPhp\Node\Number->valueInRange(0, 1, 'amount')
      • #2 */lib/system/api/scssphp/scssphp/src/Compiler.php (6299):
      • ScssPhp\ScssPhp\Compiler->libTransparentize([ 0 => , 1 => ], [ color => , amount => ])
      • #3 */lib/system/api/scssphp/scssphp/src/Compiler.php (3715):
      • ScssPhp\ScssPhp\Compiler->callNativeFunction('transparentize', [ 0 => , 1 => ], [ 0 => , 1 => ], [ 0 => , 1 => ])
      • #4 */lib/system/api/scssphp/scssphp/src/Compiler.php (3641):
      • ScssPhp\ScssPhp\Compiler->fncall([ 0 => , 1 => , 2 => , 3 => , 4 => ], [ 0 => , 1 => ])
      • #5 */lib/system/api/scssphp/scssphp/src/Compiler.php (3066):
      • ScssPhp\ScssPhp\Compiler->reduce([ 0 => , 1 => , 2 => ])
      • #6 */lib/system/api/scssphp/scssphp/src/Compiler.php (2378):
      • ScssPhp\ScssPhp\Compiler->compileChild([ 6 items ], ScssPhp\ScssPhp\Formatter\OutputBlock)
      • #7 */lib/system/api/scssphp/scssphp/src/Compiler.php (1930):
      • ScssPhp\ScssPhp\Compiler->compileChildrenNoReturn([ 0 => ], ScssPhp\ScssPhp\Formatter\OutputBlock, null)
      • #8 */lib/system/api/scssphp/scssphp/src/Compiler.php (2931):
      • ScssPhp\ScssPhp\Compiler->compileBlock(ScssPhp\ScssPhp\Block)
      • #9 */lib/system/api/scssphp/scssphp/src/Compiler.php (2378):
      • ScssPhp\ScssPhp\Compiler->compileChild([ 0 => , 1 => , -2 => , -3 => , -1 => ], ScssPhp\ScssPhp\Formatter\OutputBlock)
      • #10 */lib/system/api/scssphp/scssphp/src/Compiler.php (5747):
      • ScssPhp\ScssPhp\Compiler->compileChildrenNoReturn([ 317 items ], ScssPhp\ScssPhp\Formatter\OutputBlock)
      • #11 */lib/system/api/scssphp/scssphp/src/Compiler.php (2703):
      • ScssPhp\ScssPhp\Compiler->importFile('*/style/ui/sidepanel.scss', ScssPhp\ScssPhp\Formatter\OutputBlock)
      • #12 */lib/system/api/scssphp/scssphp/src/Compiler.php (2915):
      • ScssPhp\ScssPhp\Compiler->compileImport([ 0 => , 1 => , 2 => ], ScssPhp\ScssPhp\Formatter\OutputBlock)
      • #13 */lib/system/api/scssphp/scssphp/src/Compiler.php (2378):
      • ScssPhp\ScssPhp\Compiler->compileChild([ 0 => , 1 => , -2 => , -3 => , -1 => ], ScssPhp\ScssPhp\Formatter\OutputBlock)
      • #14 */lib/system/api/scssphp/scssphp/src/Compiler.php (744):
      • ScssPhp\ScssPhp\Compiler->compileChildrenNoReturn([ 231 items ], ScssPhp\ScssPhp\Formatter\OutputBlock)
      • #15 */lib/system/api/scssphp/scssphp/src/Compiler.php (522):
      • ScssPhp\ScssPhp\Compiler->compileRoot(ScssPhp\ScssPhp\Block)
      • #16 */lib/system/style/StyleCompiler.class.php (639):
      • ScssPhp\ScssPhp\Compiler->compileString('/*! stylesheet for 'toeff-forum.ch - Dark Design', generated on Sun, 10 Jul 2022 08:09:46 +0000 -- DO NOT EDIT */ @import "style/bootstrap/reset.scss"; @import "style/bootstrap/mixin.scss"; @import "style/bootstrap/mixin/apiVersion.scss"; @import "style/bootstrap/mixin/box.scss"; @import "style/bootstrap/mixin/dropdownMenu.scss"; @import "style/bootstrap/mixin/font.scss"; @import "style/bootstrap/mixin/hacks.scss"; @import "style/bootstrap/mixin/input.scss"; @import "style/bootstrap/mixin/list.scss"; @import "style/bootstrap/mixin/mediaQuery.scss"; @function preload($filename, $as, $crossorigin: false, $type: "") { @if $crossorigin {
  • Error

    • Error Type:

      ScssPhp\ScssPhp\Exception\CompilerException

    • Error Message:

      $amount: Expected 20% to be within 0% and 1%: /home/httpd/vhosts/toeff-forum.ch/httpdocs/toeff-forum4.ch/wcf/style/ui/sidepanel.scss on line 224, at column 9 Call Stack: #0 import /home/httpd/vhosts/toeff-forum.ch/httpdocs/toeff-forum4.ch/wcf/style/ui/sidepanel.scss (unknown file) on line 198

    • File:

      */lib/system/api/scssphp/scssphp/src/Compiler.php (573)

    • Template Context:
      PHP
      	<style>ol, ul { list-style: none; }</style>
      	
      	<!-- Stylesheets -->
      ====> 	<?=$this->v['__wcf']->getStyleHandler()->getStylesheet(true);?>
      	
      	
      	<!-- Icons -->
      	<?php if (PACKAGE_ID && $this->v['__wcf']->getStyleHandler()->getDefaultStyle()) { ?>
      		<link rel="apple-touch-icon" sizes="180x180" href="<?=wcf\util\StringUtil::encodeHTML($this->v['__wcf']->getStyleHandler()->getDefaultStyle()->getFaviconAppleTouchIcon());?>">
      		<link rel="manifest" href="<?=$this->v['__wcf']->getStyleHandler()->getDefaultStyle()->getFaviconManifest();?>">
  • Der verwendete Stil beinhaltet ungültiges SCSS. An einer Stelle, an der nur die Werte 0 – 1 verwendet werden dürfen (bspw. darken, lighten, fade-out, fade-in, transparentize) werden stattdessen Prozentwerte von 0% – 100% verwendet. Das muss am besten vorher korrigiert werden.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!