uniapp deprecation warning: using / for division is deprecated and will be removed如何解决

在Uniapp项目中遇到警告：“using / for division is deprecated and will be removed”。请问如何解决这个问题？看起来好像是除法运算的写法被弃用了，但不太确定具体要修改哪里。有没有人遇到过类似情况或知道如何更新代码来消除这个警告？

2 回复

在CSS中使用/进行除法运算已被弃用，建议改用calc()函数。例如，将width: 750rpx / 2;改为width: calc(750rpx / 2);。


在 UniApp 项目中，出现 deprecation warning: using / for division is deprecated and will be removed 警告是因为在 CSS 中使用了 / 进行除法运算，而该语法已被弃用，未来版本将不再支持。以下是解决方法：

解决方案

  1. 使用 calc() 函数替代
    将原来的除法运算改为 calc() 函数，例如：

    /* 原代码（会触发警告） */
width: 100px / 2;

/* 修改后 */
width: calc(100px / 2);

  2. 检查并更新预处理器配置
    如果项目使用了 Sass/Less 等预处理器，确保语法符合规范：

    • Sass：使用 math.div() 函数（需启用 Sass 模块）：
      width: math.div(100px, 2); /* 需 @use "sass:math"; */
    • Less：直接使用 / 需用括号避免歧义：
      width: (100px / 2);

  3. 全局检查与替换
    在项目中搜索所有 CSS/SCSS/Less 文件中的 / 除法运算，按上述方法批量修改。

注意事项

  • 如果未使用预处理器，原生 CSS 仅支持通过 calc() 进行数学运算。
  • 更新后需测试样式是否正常，确保兼容性。

通过以上调整即可消除警告，并适配未来版本。

回到顶部