Magento 2 less compilation error while setup:static-content:deploy












0















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.










share|improve this question























  • 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
















0















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.










share|improve this question























  • 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














0












0








0








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.










share|improve this question














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






share|improve this question













share|improve this question











share|improve this question




share|improve this question










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



















  • 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










2 Answers
2






active

oldest

votes


















1














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






share|improve this answer


























  • 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



















0














@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?






share|improve this answer























    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
    });


    }
    });














    draft saved

    draft discarded


















    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









    1














    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






    share|improve this answer


























    • 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
















    1














    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






    share|improve this answer


























    • 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














    1












    1








    1







    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






    share|improve this answer















    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







    share|improve this answer














    share|improve this answer



    share|improve this answer








    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



















    • 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













    0














    @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?






    share|improve this answer




























      0














      @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?






      share|improve this answer


























        0












        0








        0







        @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?






        share|improve this answer













        @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?







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered 9 hours ago









        FloWordFloWord

        657




        657






























            draft saved

            draft discarded




















































            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.




            draft saved


            draft discarded














            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





















































            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







            Popular posts from this blog

            Polycentropodidae

            Magento 2 Error message: Invalid state change requested

            Paulmy