Magento 2 less compilation error while setup:static-content:deploy
After updating to Magento 2.1.16 on my staging server with nginx server and php7.0 I am facing issue in compiling less and css files.
The files styles-l.css
and styles-m.css
are missing - not generated.
During static contend deploy I get errors:
Compilation from source: /srv/www/rmstaging/public_html/vendor/magento/theme-frontend-blank/web/css/styles-l.less
Compilation from source:
frontend/Smartwave/porto_rtl/en_US/css/styles-l.less
variable @modal-popup-breakpoint-screen__m is undefined in file /srv/www/rmstaging/public_html/var/view_preprocessed/css/frontend/Smartwave/porto_rtl/en_US/Magento_Checkout/css/source/module/checkout/_tooltip.less in _tooltip.less on line 11, column 41
I tried many solution including on given in https://stackoverflow.com/questions/50764127/magento-2-less-compilation-error-while-setupstatic-contentdeploy-and-frontend given by @Ashsih Raj. But did not work either.
I had the same issue on localhost but that was fixed mysteriously. I think the only change is that on my localhost I compiles using PHP7.1
Please advise.
magento-2.1 less less-css
add a comment |
After updating to Magento 2.1.16 on my staging server with nginx server and php7.0 I am facing issue in compiling less and css files.
The files styles-l.css
and styles-m.css
are missing - not generated.
During static contend deploy I get errors:
Compilation from source: /srv/www/rmstaging/public_html/vendor/magento/theme-frontend-blank/web/css/styles-l.less
Compilation from source:
frontend/Smartwave/porto_rtl/en_US/css/styles-l.less
variable @modal-popup-breakpoint-screen__m is undefined in file /srv/www/rmstaging/public_html/var/view_preprocessed/css/frontend/Smartwave/porto_rtl/en_US/Magento_Checkout/css/source/module/checkout/_tooltip.less in _tooltip.less on line 11, column 41
I tried many solution including on given in https://stackoverflow.com/questions/50764127/magento-2-less-compilation-error-while-setupstatic-contentdeploy-and-frontend given by @Ashsih Raj. But did not work either.
I had the same issue on localhost but that was fixed mysteriously. I think the only change is that on my localhost I compiles using PHP7.1
Please advise.
magento-2.1 less less-css
You can delete this file if it is not necessary
– Vu Tran Kien
Dec 8 '18 at 9:34
Which file should be deleted?
– Abid Malik
Dec 8 '18 at 15:08
Delete file .less you have the error
– Vu Tran Kien
Dec 13 '18 at 3:40
@VuTranKien Did that already but no use.
– Abid Malik
Dec 13 '18 at 6:33
add a comment |
After updating to Magento 2.1.16 on my staging server with nginx server and php7.0 I am facing issue in compiling less and css files.
The files styles-l.css
and styles-m.css
are missing - not generated.
During static contend deploy I get errors:
Compilation from source: /srv/www/rmstaging/public_html/vendor/magento/theme-frontend-blank/web/css/styles-l.less
Compilation from source:
frontend/Smartwave/porto_rtl/en_US/css/styles-l.less
variable @modal-popup-breakpoint-screen__m is undefined in file /srv/www/rmstaging/public_html/var/view_preprocessed/css/frontend/Smartwave/porto_rtl/en_US/Magento_Checkout/css/source/module/checkout/_tooltip.less in _tooltip.less on line 11, column 41
I tried many solution including on given in https://stackoverflow.com/questions/50764127/magento-2-less-compilation-error-while-setupstatic-contentdeploy-and-frontend given by @Ashsih Raj. But did not work either.
I had the same issue on localhost but that was fixed mysteriously. I think the only change is that on my localhost I compiles using PHP7.1
Please advise.
magento-2.1 less less-css
After updating to Magento 2.1.16 on my staging server with nginx server and php7.0 I am facing issue in compiling less and css files.
The files styles-l.css
and styles-m.css
are missing - not generated.
During static contend deploy I get errors:
Compilation from source: /srv/www/rmstaging/public_html/vendor/magento/theme-frontend-blank/web/css/styles-l.less
Compilation from source:
frontend/Smartwave/porto_rtl/en_US/css/styles-l.less
variable @modal-popup-breakpoint-screen__m is undefined in file /srv/www/rmstaging/public_html/var/view_preprocessed/css/frontend/Smartwave/porto_rtl/en_US/Magento_Checkout/css/source/module/checkout/_tooltip.less in _tooltip.less on line 11, column 41
I tried many solution including on given in https://stackoverflow.com/questions/50764127/magento-2-less-compilation-error-while-setupstatic-contentdeploy-and-frontend given by @Ashsih Raj. But did not work either.
I had the same issue on localhost but that was fixed mysteriously. I think the only change is that on my localhost I compiles using PHP7.1
Please advise.
magento-2.1 less less-css
magento-2.1 less less-css
asked Dec 8 '18 at 8:32
Abid MalikAbid Malik
5312
5312
You can delete this file if it is not necessary
– Vu Tran Kien
Dec 8 '18 at 9:34
Which file should be deleted?
– Abid Malik
Dec 8 '18 at 15:08
Delete file .less you have the error
– Vu Tran Kien
Dec 13 '18 at 3:40
@VuTranKien Did that already but no use.
– Abid Malik
Dec 13 '18 at 6:33
add a comment |
You can delete this file if it is not necessary
– Vu Tran Kien
Dec 8 '18 at 9:34
Which file should be deleted?
– Abid Malik
Dec 8 '18 at 15:08
Delete file .less you have the error
– Vu Tran Kien
Dec 13 '18 at 3:40
@VuTranKien Did that already but no use.
– Abid Malik
Dec 13 '18 at 6:33
You can delete this file if it is not necessary
– Vu Tran Kien
Dec 8 '18 at 9:34
You can delete this file if it is not necessary
– Vu Tran Kien
Dec 8 '18 at 9:34
Which file should be deleted?
– Abid Malik
Dec 8 '18 at 15:08
Which file should be deleted?
– Abid Malik
Dec 8 '18 at 15:08
Delete file .less you have the error
– Vu Tran Kien
Dec 13 '18 at 3:40
Delete file .less you have the error
– Vu Tran Kien
Dec 13 '18 at 3:40
@VuTranKien Did that already but no use.
– Abid Malik
Dec 13 '18 at 6:33
@VuTranKien Did that already but no use.
– Abid Malik
Dec 13 '18 at 6:33
add a comment |
2 Answers
2
active
oldest
votes
Define @modal-popup-breakpoint-screen__m
in your theme. Here is the location:
Magento_Checkout/css/source/module/checkout/_tooltip.less
Here is the example how you define
tried this but did not work. I see the files css/styles-l.css and css/styles-m.css are still missing.
– Abid Malik
Dec 8 '18 at 17:22
I think you missing your less file where define all constant. Make sure that you have all less file otherwise you can't proceed with it.
– Sohel Rana
Dec 9 '18 at 1:38
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken.
– Abid Malik
Dec 10 '18 at 17:04
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken. Finally, after spending some more issue, I found that after upgrade to Magento 2.1.16 somehow the theme fallback is not working. I am using custom theme -> child of Smartwave Porto theme -> child of Magento Blank. When doing static_content deploy, the CSS from porto is not loaded especially for Checkout module. I copied the files from porto to custom theme and it worked. BUT I DON'T THINK IT IS PROPER SOLUTION. AND ONE MORE THING THE WHOLE THING IS WORKING FINE ON LCLHST
– Abid Malik
Dec 10 '18 at 17:09
I just copied files from parent theme SmartWave Porto to My Child theme and things worked. But I need more robust solution.
– Abid Malik
Dec 30 '18 at 8:44
add a comment |
@Abid Malik. I have exactly the same Problem with the Porto Theme, but with upgrade from 2.2.3 to 2.3. Do you have any fix?
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f252894%2fmagento-2-less-compilation-error-while-setupstatic-contentdeploy%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Define @modal-popup-breakpoint-screen__m
in your theme. Here is the location:
Magento_Checkout/css/source/module/checkout/_tooltip.less
Here is the example how you define
tried this but did not work. I see the files css/styles-l.css and css/styles-m.css are still missing.
– Abid Malik
Dec 8 '18 at 17:22
I think you missing your less file where define all constant. Make sure that you have all less file otherwise you can't proceed with it.
– Sohel Rana
Dec 9 '18 at 1:38
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken.
– Abid Malik
Dec 10 '18 at 17:04
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken. Finally, after spending some more issue, I found that after upgrade to Magento 2.1.16 somehow the theme fallback is not working. I am using custom theme -> child of Smartwave Porto theme -> child of Magento Blank. When doing static_content deploy, the CSS from porto is not loaded especially for Checkout module. I copied the files from porto to custom theme and it worked. BUT I DON'T THINK IT IS PROPER SOLUTION. AND ONE MORE THING THE WHOLE THING IS WORKING FINE ON LCLHST
– Abid Malik
Dec 10 '18 at 17:09
I just copied files from parent theme SmartWave Porto to My Child theme and things worked. But I need more robust solution.
– Abid Malik
Dec 30 '18 at 8:44
add a comment |
Define @modal-popup-breakpoint-screen__m
in your theme. Here is the location:
Magento_Checkout/css/source/module/checkout/_tooltip.less
Here is the example how you define
tried this but did not work. I see the files css/styles-l.css and css/styles-m.css are still missing.
– Abid Malik
Dec 8 '18 at 17:22
I think you missing your less file where define all constant. Make sure that you have all less file otherwise you can't proceed with it.
– Sohel Rana
Dec 9 '18 at 1:38
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken.
– Abid Malik
Dec 10 '18 at 17:04
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken. Finally, after spending some more issue, I found that after upgrade to Magento 2.1.16 somehow the theme fallback is not working. I am using custom theme -> child of Smartwave Porto theme -> child of Magento Blank. When doing static_content deploy, the CSS from porto is not loaded especially for Checkout module. I copied the files from porto to custom theme and it worked. BUT I DON'T THINK IT IS PROPER SOLUTION. AND ONE MORE THING THE WHOLE THING IS WORKING FINE ON LCLHST
– Abid Malik
Dec 10 '18 at 17:09
I just copied files from parent theme SmartWave Porto to My Child theme and things worked. But I need more robust solution.
– Abid Malik
Dec 30 '18 at 8:44
add a comment |
Define @modal-popup-breakpoint-screen__m
in your theme. Here is the location:
Magento_Checkout/css/source/module/checkout/_tooltip.less
Here is the example how you define
Define @modal-popup-breakpoint-screen__m
in your theme. Here is the location:
Magento_Checkout/css/source/module/checkout/_tooltip.less
Here is the example how you define
edited Dec 8 '18 at 9:49
nikin
756213
756213
answered Dec 8 '18 at 8:46
Sohel RanaSohel Rana
21.6k34458
21.6k34458
tried this but did not work. I see the files css/styles-l.css and css/styles-m.css are still missing.
– Abid Malik
Dec 8 '18 at 17:22
I think you missing your less file where define all constant. Make sure that you have all less file otherwise you can't proceed with it.
– Sohel Rana
Dec 9 '18 at 1:38
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken.
– Abid Malik
Dec 10 '18 at 17:04
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken. Finally, after spending some more issue, I found that after upgrade to Magento 2.1.16 somehow the theme fallback is not working. I am using custom theme -> child of Smartwave Porto theme -> child of Magento Blank. When doing static_content deploy, the CSS from porto is not loaded especially for Checkout module. I copied the files from porto to custom theme and it worked. BUT I DON'T THINK IT IS PROPER SOLUTION. AND ONE MORE THING THE WHOLE THING IS WORKING FINE ON LCLHST
– Abid Malik
Dec 10 '18 at 17:09
I just copied files from parent theme SmartWave Porto to My Child theme and things worked. But I need more robust solution.
– Abid Malik
Dec 30 '18 at 8:44
add a comment |
tried this but did not work. I see the files css/styles-l.css and css/styles-m.css are still missing.
– Abid Malik
Dec 8 '18 at 17:22
I think you missing your less file where define all constant. Make sure that you have all less file otherwise you can't proceed with it.
– Sohel Rana
Dec 9 '18 at 1:38
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken.
– Abid Malik
Dec 10 '18 at 17:04
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken. Finally, after spending some more issue, I found that after upgrade to Magento 2.1.16 somehow the theme fallback is not working. I am using custom theme -> child of Smartwave Porto theme -> child of Magento Blank. When doing static_content deploy, the CSS from porto is not loaded especially for Checkout module. I copied the files from porto to custom theme and it worked. BUT I DON'T THINK IT IS PROPER SOLUTION. AND ONE MORE THING THE WHOLE THING IS WORKING FINE ON LCLHST
– Abid Malik
Dec 10 '18 at 17:09
I just copied files from parent theme SmartWave Porto to My Child theme and things worked. But I need more robust solution.
– Abid Malik
Dec 30 '18 at 8:44
tried this but did not work. I see the files css/styles-l.css and css/styles-m.css are still missing.
– Abid Malik
Dec 8 '18 at 17:22
tried this but did not work. I see the files css/styles-l.css and css/styles-m.css are still missing.
– Abid Malik
Dec 8 '18 at 17:22
I think you missing your less file where define all constant. Make sure that you have all less file otherwise you can't proceed with it.
– Sohel Rana
Dec 9 '18 at 1:38
I think you missing your less file where define all constant. Make sure that you have all less file otherwise you can't proceed with it.
– Sohel Rana
Dec 9 '18 at 1:38
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken.
– Abid Malik
Dec 10 '18 at 17:04
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken.
– Abid Malik
Dec 10 '18 at 17:04
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken. Finally, after spending some more issue, I found that after upgrade to Magento 2.1.16 somehow the theme fallback is not working. I am using custom theme -> child of Smartwave Porto theme -> child of Magento Blank. When doing static_content deploy, the CSS from porto is not loaded especially for Checkout module. I copied the files from porto to custom theme and it worked. BUT I DON'T THINK IT IS PROPER SOLUTION. AND ONE MORE THING THE WHOLE THING IS WORKING FINE ON LCLHST
– Abid Malik
Dec 10 '18 at 17:09
Thank you for the help. I already did it and it worked a bit. But there were other sections of the theme which were broken. Finally, after spending some more issue, I found that after upgrade to Magento 2.1.16 somehow the theme fallback is not working. I am using custom theme -> child of Smartwave Porto theme -> child of Magento Blank. When doing static_content deploy, the CSS from porto is not loaded especially for Checkout module. I copied the files from porto to custom theme and it worked. BUT I DON'T THINK IT IS PROPER SOLUTION. AND ONE MORE THING THE WHOLE THING IS WORKING FINE ON LCLHST
– Abid Malik
Dec 10 '18 at 17:09
I just copied files from parent theme SmartWave Porto to My Child theme and things worked. But I need more robust solution.
– Abid Malik
Dec 30 '18 at 8:44
I just copied files from parent theme SmartWave Porto to My Child theme and things worked. But I need more robust solution.
– Abid Malik
Dec 30 '18 at 8:44
add a comment |
@Abid Malik. I have exactly the same Problem with the Porto Theme, but with upgrade from 2.2.3 to 2.3. Do you have any fix?
add a comment |
@Abid Malik. I have exactly the same Problem with the Porto Theme, but with upgrade from 2.2.3 to 2.3. Do you have any fix?
add a comment |
@Abid Malik. I have exactly the same Problem with the Porto Theme, but with upgrade from 2.2.3 to 2.3. Do you have any fix?
@Abid Malik. I have exactly the same Problem with the Porto Theme, but with upgrade from 2.2.3 to 2.3. Do you have any fix?
answered 9 hours ago
FloWordFloWord
657
657
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f252894%2fmagento-2-less-compilation-error-while-setupstatic-contentdeploy%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
You can delete this file if it is not necessary
– Vu Tran Kien
Dec 8 '18 at 9:34
Which file should be deleted?
– Abid Malik
Dec 8 '18 at 15:08
Delete file .less you have the error
– Vu Tran Kien
Dec 13 '18 at 3:40
@VuTranKien Did that already but no use.
– Abid Malik
Dec 13 '18 at 6:33