Liferay DXP 7.3主题创建:gullow构建过程中出错



尝试使用gulp build命令时出现此错误:

[09:08:11] Starting 'build:compile-css'...
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2) or calc($spacer / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
╷
306 │ $headings-margin-bottom:      $spacer / 2 !default;
│                               ^^^^^^^^^^^
╵
build_cssclaybootstrap_variables.scss 306:31  @import
build_cssclaybase.scss 10:9                    @import
build_cssclay.scss 1:9                          root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
╷
501 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
│                                                                         ^^^^^^^^^^^^^^^^^^^^
╵
build_cssclaybootstrap_variables.scss 501:73  @import
build_cssclaybase.scss 10:9                    @import
build_cssclay.scss 1:9                          root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
╷
571 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
│                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
build_cssclaybootstrap_variables.scss 571:49  @import
build_cssclaybase.scss 10:9                    @import
build_cssclay.scss 1:9                          root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2) or calc($spacer / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
╷
717 │ $nav-divider-margin-y:              $spacer / 2 !default;
│                                     ^^^^^^^^^^^
╵
build_cssclaybootstrap_variables.scss 717:37  @import
build_cssclaybase.scss 10:9                    @import
build_cssclay.scss 1:9                          root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2) or calc($spacer / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
╷
722 │ $navbar-padding-y:                  $spacer / 2 !default;
│                                     ^^^^^^^^^^^
╵
build_cssclaybootstrap_variables.scss 722:37  @import
build_cssclaybase.scss 10:9                    @import
build_cssclay.scss 1:9                          root stylesheet
[09:08:14] 'build:compile-css' errored after 3.14 s
[09:08:14] Error in plugin "sass"
Message:
build_csscompatcomponents_dropdowns.scss
Error: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
╷
34 │         @extend .dropdown-item.disabled;
│                 ^^^^^^^^^^^^^^^^^^^^^^^
╵
build_csscompatcomponents_dropdowns.scss 34:11  root stylesheet
Details:
formatted: Error: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
╷
34 │         @extend .dropdown-item.disabled;
│                 ^^^^^^^^^^^^^^^^^^^^^^^
╵
build_csscompatcomponents_dropdowns.scss 34:11  root stylesheet
line: 34
column: 11
file: C:UsersfmateosgIdeaProjectstestthemesbase-themebuild_csscompatcomponents_dropdowns.scss
status: 1
messageFormatted: build_csscompatcomponents_dropdowns.scss
Error: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
╷
34 │         @extend .dropdown-item.disabled;
│                 ^^^^^^^^^^^^^^^^^^^^^^^
╵
build_csscompatcomponents_dropdowns.scss 34:11  root stylesheet
messageOriginal: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
╷
34 │         @extend .dropdown-item.disabled;
│                 ^^^^^^^^^^^^^^^^^^^^^^^
╵
build_csscompatcomponents_dropdowns.scss 34:11  root stylesheet
relativePath: build_csscompatcomponents_dropdowns.scss
domainEmitter: [object Object]
domainThrown: false
[09:08:14] 'build' errored after 6.36 s

我知道有一个类似的问题,但那里的答案不能解决我的问题。这是我的文件夹结构:

文件夹结构

我将_dropdowns.scss文件复制到src/css/compat/components/中,并在那里进行了修改,但当我尝试构建时,它仍然会给我错误

我遇到了同样的问题,因为我意外地将package.json中的liferay-theme-tasks升级到了11.2.2版本。

如果是这种情况,请将liferay-theme-tasks降级到版本^10.0.2,删除node_modules文件夹,然后再次运行npm install。峡谷建造应该在那之后通过。

我使用的是Node.js版本14.17.0,gull版本4.0.2

相关内容

  • 没有找到相关文章

最新更新