尝试使用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