Magento – When I set client side less compilation shows me error

compilationcsserrorjs-cssmagento2

Hello I am new in developing in Magento, I have Magento CE. When I set the Front End development workflow to type client side less compilation shows me an error

Fatal error: Uncaught TypeError: Argument 4 passed to
Magento\Developer
\Model\View\Asset\PreProcessor\FrontendCompilation::processContent()
must be an instance of
Magento\Framework\View\Asset\File\FallbackContext, instance of
Magento\Framework\View\Asset\File\Context given, called in
C:\xampp\htdocs\magento\vendor\magento\module-developer\Model\View\Asset\PreProcessor\FrontendCompilation.php
on line 90 and defined in
C:\xampp\htdocs\magento\vendor\magento\module-developer\Model\View\Asset\PreProcessor\FrontendCompilation.php:107
Stack trace: #0
C:\xampp\htdocs\magento\vendor\magento\module-developer\Model\View\Asset\PreProcessor\FrontendCompilation.php(90):
Magento\Developer\Model\View\Asset\PreProcessor\FrontendCompilation->processContent('e6a662994948b56…',
'@import 'source…', '',
Object(Magento\Framework\View\Asset\File\Context)) #1
C:\xampp\htdocs\magento\vendor\magento\module-developer\Model\View\Asset\PreProcessor\PreprocessorStrategy.php(74): Magento\Developer\Model\View\Asset\PreProcessor\FrontendCompilation->
in
C:\xampp\htdocs\magento\vendor\magento\module-developer\Model\View\Asset\PreProcessor\FrontendCompilation.php
on line 107

My mode is set it to developer mode.
Any consideration for that?

Best Answer

Just check if you have "CSS Settings" -> "Merge CSS Files" set to No, and then try switching to Client side

Use this command to set css minification to NO

php bin/magento config:set dev/css/merge_css_files 0

Thanks for this @s-adamson answer it saved many times.

Related Topic