今天把 eladmin 项目部分依赖更新了下,其中 sass 版本号更新为 1.43.4 后出现了如下问题,项目能启动,但是伴随大量警告

kwcxhjlq.png

具体错误如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
 INFO  Starting development server...
10% building 2/2 modules 0 activeℹ 「wds」: Project is running at http://localhost:8013/
ℹ 「wds」: webpack output is served from /
ℹ 「wds」: Content not from webpack is served from /Users/jie/Documents/work/me/front/eladmin-web/public
ℹ 「wds」: 404s will fallback to /index.html 40% building 150/198 modules 48 active ...ules/element-ui/lib/mixins/migrating.jsDeprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(1, 5)

More info and automated migrator: https://sass-lang.com/d/slash-div


489 │ $--group-option-flex: 0 0 (1/5) * 100% !default;
│ ^^^

node_modules/element-ui/packages/theme-chalk/src/common/var.scss 489:28 @import
node_modules/element-ui/packages/theme-chalk/src/common/transition.scss 1:9 @import
node_modules/element-ui/packages/theme-chalk/src/base.scss 1:9 @import
node_modules/element-ui/packages/theme-chalk/src/index.scss 1:9 @import
src/assets/styles/element-variables.scss 25:9 root stylesheet

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($--tooltip-arrow-size, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div


32 │ margin-right: #{$--tooltip-arrow-size / 2};
│ ^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/element-ui/packages/theme-chalk/src/popper.scss 32:21 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5 b()
node_modules/element-ui/packages/theme-chalk/src/popper.scss 4:1 @import
node_modules/element-ui/packages/theme-chalk/src/select-dropdown.scss 3:9 @import
node_modules/element-ui/packages/theme-chalk/src/select.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9 @import
src/assets/styles/element-variables.scss 25:9 root stylesheet

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($--tooltip-arrow-size, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div


51 │ margin-right: #{$--tooltip-arrow-size / 2};
│ ^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/element-ui/packages/theme-chalk/src/popper.scss 51:21 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5 b()
node_modules/element-ui/packages/theme-chalk/src/popper.scss 4:1 @import
node_modules/element-ui/packages/theme-chalk/src/select-dropdown.scss 3:9 @import
node_modules/element-ui/packages/theme-chalk/src/select.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9 @import
src/assets/styles/element-variables.scss 25:9 root stylesheet

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($--tooltip-arrow-size, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div


70 │ margin-bottom: #{$--tooltip-arrow-size / 2};
│ ^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/element-ui/packages/theme-chalk/src/popper.scss 70:22 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5 b()
node_modules/element-ui/packages/theme-chalk/src/popper.scss 4:1 @import
node_modules/element-ui/packages/theme-chalk/src/select-dropdown.scss 3:9 @import
node_modules/element-ui/packages/theme-chalk/src/select.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9 @import
src/assets/styles/element-variables.scss 25:9 root stylesheet

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($--tooltip-arrow-size, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div


89 │ margin-bottom: #{$--tooltip-arrow-size / 2};
│ ^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/element-ui/packages/theme-chalk/src/popper.scss 89:22 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5 b()
node_modules/element-ui/packages/theme-chalk/src/popper.scss 4:1 @import
node_modules/element-ui/packages/theme-chalk/src/select-dropdown.scss 3:9 @import
node_modules/element-ui/packages/theme-chalk/src/select.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9 @import
src/assets/styles/element-variables.scss 25:9 root stylesheet

Warning: 33 repetitive deprecation warnings omitted.
98% after emitting CopyPlugin
DONE Compiled successfully in 19257ms 10:48:14 AM

App running at:
- Local: http://localhost:8013/
- Network: http://10.88.145.16:8013/

最开始以为是 element-ui 版本问题,修改版本后无果。

网上找到类似问题:

https://github.com/sass/dart-sass/issues/1319

解决办法 sass 版本修改为 1.32.13

1
"sass": "1.32.13"