Magento 2 在设置 :static-content:deploy and frontend page broken 时减少编译错误

Question

一切都很好，我会做出改变，运行 grunt less:sitename 并且更改将反射(reflect)在浏览器中。然后我突然明白了这个...

NameError: variable @modal-popup-breakpoint-screen__m is undefined

this 指向的文件位于 Magento_Checkout 我没有接触过的模块。

由于这是一个 magento 模块，与我的任何自定义代码无关，我不知道从哪里开始......

Answer 1

当我们升级到 时，我遇到了这个问题Magento 2.1.16 :

我已通过向主题添加以下更改来解决该问题

1) ~/app/design/frontend/ThemePackage/theme/web/css/source/_theme.less add at line 29: @import 'components/_modals_extend.less';

2) Add "components/_modals_extend.less" folder and file at ~/app/design/frontend/ThemePackage/theme/web/css/source/

3) ~/app/design/frontend/ThemePackage/theme/web/css/source/components/_modals_extend.less add at line number 16**:**

@modal-slide-header__padding-vertical: 2.1rem; // added from \vendor\magento\magento2-base\lib\web\css\source\components_modals.less

@modal-popup__padding: 3rem; // added from \vendor\magento\magento2-base\lib\web\css\source\components_modals.less

@media-common : false; //custom from magento/theme-frontend-blank/web/css/styles-l.less

这里 ThemePackage/theme 可以是任何主题包和主题名称。