当前位置: 首页 > 知识库问答 >
问题:

javascript - ElementPlus从beta版本升级到2.2.17,css打包报错,有没有热心人帮忙看下?

辛锦
2023-06-27

老项目从ElementPlus从beta版本升级到2.2.17,本地启动正常,打包的时候报错,提示

Error: CSS minification error: Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: var( --el-input-height, 32px ) - $border-width * 2
^...................................^. File: css/app.11f79806.css
Error: CSS minification error: Lexical error on line 1: Unrecognized text.

我搜了下网上说这个是因为变量要放在calc()里面,但是这个代码是element-plus里的

@include e(inner) {
        @include set-css-var-value(
          'input-inner-height',
          calc(
            var(
                #{getCssVarName('input-height')},
                #{map.get($input-height, $size)}
              ) - $border-width * 2
          )
        );
      }
    }

而且看上去是正常的,为什么会报错呢,有没有大神帮忙看下

共有1个答案

麻华辉
2023-06-27

使用变量时以如下方式使用:
scss的calc中的变量使用方式 需要以 #{变量名} 的方式使用

     var(
                #{getCssVarName('input-height')},
                #{map.get($input-height, $size)}
              ) - #{$border}-width * 2
 类似资料:
  • 问题1 https://segmentfault.com/q/1010000044340018 问题2 https://segmentfault.com/q/1010000044380820 问题3 这段脚本中 计算一个线程的 timeout作为score。 实际编码时 Redisson.create().getFairLock("test").tryLock(waitTime,leaseTime

  • 软件开发中大家都比较认同的理念是敏捷,通过快速迭代来不断升级产品,从而达到产品更好地服务于用户的目的。在这一次次的升级中,我们可以看到产品所折射出来的思想,了解到设计人员的思考方式。查看某一产品的升级日志,对其进行归纳对比,这是我们进行竞品分析时一个非常重要的方法。 研究豌豆荚这个产品的发展是一件很有意思,也很令人烦燥的事,一方面它的设计中处处显示着用心,另一方面又因为有太多可以研究的内容而让人理

  • 下面是监控网卡流量的 shell 脚本,运行后提示: expr:语法错误 看来看去不知道哪里出错了。

  • 请阅读相应的升级注意事项。 从 2.2.5 升级到 2.2.6 从 2.2.4 升级到 2.2.5 从 2.2.3 升级到 2.2.4 从 2.2.2 升级到 2.2.3 从 2.2.1 升级到 2.2.2 从 2.2.0 升级到 2.2.1 从 2.1.4 升级到 2.2.0 从 2.1.3 升级到 2.1.4 从 2.1.2 升级到 2.1.3 从 2.1.1 升级到 2.1.2 从 2.1.

  • 请根据你要升级的版本阅读相应的升级注意事项。

  • 我们最近收到一封来自AWS的邮件: 主题:[需要的操作]关于简单电子邮件服务的重要通知(SIGv2弃用) 正文:我们最近观察到来自您帐户的Amazon SES SMTPendpoint上的签名版本2请求 问题: 我们没有使用AWS SES API发送请求,我们只是使用SmtpClient发送电子邮件。此方法不提供签名请求。他们自己的例子不包括任何签名。https://docs.aws.amazon