1***@163.com
1***@163.com
  • 发布:2024-10-25 15:51
  • 更新:2024-10-28 17:12
  • 阅读:314

【报Bug】运行时报错 关于sass 版本的报错

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windos

第三方开发者工具版本号: 1.06.2409131

基础库版本号: 3.60

项目创建方式: CLI

CLI版本号: @vue/cli 5.0.8

操作步骤:

yarn dev:mp-weixin

预期结果:

运行不报错

实际结果:

运行报错(关于sass方面报错)

bug描述:

Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use meta.variable-exists instead.

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


41 │ @if variable-exists(show-border-surround) {
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules\@climblee\uv-ui\libs\css\variable.scss 41:6 @import
node_modules\@climblee\uv-ui\components\uv-toolbar\uv-toolbar.vue 82:10 root stylesheet

Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use meta.variable-exists instead.

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


48 │ @if variable-exists(show-border-top) {
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules\@climblee\uv-ui\libs\css\variable.scss 48:6 @import
node_modules\@climblee\uv-ui\components\uv-toolbar\uv-toolbar.vue 82:10 root stylesheet

Warning: 6 repetitive deprecation warnings omitted.

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api

DONE Build complete. Watching for changes...

2024-10-25 15:51 负责人:无 分享
已邀请:
y***@qq.com

y***@qq.com

这个警告信息 Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use meta.variable-exists instead. 表示你在使用 Sass 时调用了一个即将被弃用的全局内置函数 variable-exists。在 Dart Sass 3.0.0 版本中,这个函数将被移除,建议使用 meta.variable-exists 代替。

假设你原来的代码如下:
@if variable-exists(show-border-surround) {
// 相关样式
}

你需要将其修改为:
@use 'sass:meta'; // 导入 meta 模块

@if meta.variable-exists('show-border-surround') {
// 相关样式
}

要回复问题请先登录注册