Magento – Static content deploy – Compilation from source

gruntmagento2static-content

Doing a setup:static-content:deploy never finishes deploying files on a custom theme. Instead gives Compilation from source: frontend/Vendor/theme/en_US/css/email-fonts.less and then stops compiling.

Ran a grunt clean, grunt exec to remove all files in pub/static, var/*

No luck. Store is currently stuck in Client Side Compilation Mode, setting it to Server Side Compilation Mode renders no styles

Store is in Development mode, I am also unable to set to Production mode using deploy:mode:set production

Any help, insight is appreciated.

Best Answer

A little late to the party but what if you rename the source frontend/Vendor/theme/web/css/source/email-fonts.less file to _email-fonts.less (notice the underscore)

I was just getting the same notices/errors with a less file on a theme I'm trying to fix (Smartwave/porto). As soon as added the underscore in front of the filename Magento stopped complaining during static content deploy.

Compilation from source: error

Related Solutions

Magento 2 – Problem Setting Production Mode and Deploying Static Content

Change the mode and skip the compilation:

php bin/magento deploy:mode:set production --skip-compilation

And once the mode is switched you can deploy static content with GB locale.

php bin/magento setup:static-content:deploy en_GB

Magento default locale is en_US so you have to define your language.

If that fails, make sure your /var and pub/ have the correct permissions

It could be that your PHP is exhausted so increasing the limit in php.ini should help but skipping the compilation and compiling after switch is a good workaround.

Also, make sure your store in use has a valid theme selected, it might be that you are using a theme that doesn't exist in the system.

Magento – Grunt watch doesn’t watch _theme.less and custom less file

I looked into it … AND! finally the solution is too easy:

The Client Side and Grunt Compilation of *.less files REQUIRES the @import directive to contain the file extension:

use @import '_test.less' instead of @import '_test'

If ALL @imports in ALL imported files do that: you'll get a symlink to all files AND grunt watch watches! ;-)

According to: https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/css-topics/css-preprocess.html#fedg_css-import

Best Answer

Related Solutions

Magento 2 – Problem Setting Production Mode and Deploying Static Content

Magento – Grunt watch doesn’t watch _theme.less and custom less file

Related Topic