安装所有必要的软件包后,我正在尝试为 Liferay 7.3 版本构建一个主题。 我已经安装了所有需要的软件包,例如 nodejs、npm、gulp ad ruby(sass 和 compass)。
执行 gulp build 后,出现以下错误:
Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2)
╷
306 │ $headings-margin-bottom: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
build/_css/clay/bootstrap/_variables.scss 306:31 @import
build/_css/clay/base.scss 10:9 @import
build/_css/clay.scss 1:9 root stylesheet
Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($input-padding-y, 2)
╷
501 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
│ ^^^^^^^^^^^^^^^^^^^^
╵
build/_css/clay/bootstrap/_variables.scss 501:73 @import
build/_css/clay/base.scss 10:9 @import
build/_css/clay.scss 1:9 root stylesheet
Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($custom-control-indicator-size, 2)
╷
571 │ $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
build/_css/clay/bootstrap/_variables.scss 571:49 @import
build/_css/clay/base.scss 10:9 @import
build/_css/clay.scss 1:9 root stylesheet
Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2)
╷
717 │ $nav-divider-margin-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
build/_css/clay/bootstrap/_variables.scss 717:37 @import
build/_css/clay/base.scss 10:9 @import
build/_css/clay.scss 1:9 root stylesheet
Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2)
╷
722 │ $navbar-padding-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
build/_css/clay/bootstrap/_variables.scss 722:37 @import
build/_css/clay/base.scss 10:9 @import
build/_css/clay.scss 1:9 root stylesheet
[10:56:46] 'build:compile-css' errored after 13 s
[10:56:46] Error in plugin "sass"
Message:
build/_css/compat/components/_dropdowns.scss
Error: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
╷
34 │ @extend .dropdown-item.disabled;
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
build/_css/compat/components/_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/_css/compat/components/_dropdowns.scss 34:11 root stylesheet
line: 34
column: 11
file: /home/osboxes/liferayExercise/my-liferay-theme/build/_css/compat/components/_dropdowns.scss
status: 1
messageFormatted: build/_css/compat/components/_dropdowns.scss
Error: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
╷
34 │ @extend .dropdown-item.disabled;
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
build/_css/compat/components/_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/_css/compat/components/_dropdowns.scss 34:11 root stylesheet
relativePath: build/_css/compat/components/_dropdowns.scss
domainEmitter: [object Object]
domainThrown: false**
[10:56:46] 'build' errored after 19 s
软件包版本是:
Node :12.22.7
Npm:2015 年 14 月 6 日
Gulp :CLI版本:2.3.0,本地版本:4.0.0
注意:我无法编辑这些文件,因为它们是自动生成的。所以我无法改变这些。
最佳答案
我有同样的问题,但您可以通过覆盖文件来解决:
- 进入您的
src
文件夹 - 如果您没有创建 css 文件夹
- 然后创建
/compat/components/_dropdowns.scss
- 现在您可以在此处覆盖该文件
- 运行构建命令即可完成!
关于node.js - Liferay主题创建: Error During gulp build and gulp deploy,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70217507/