升级到 angular 19 后遇到 "colorPalette is not defined" 错误

悬赏园豆：30 [已解决问题] 解决于 2024-12-01 18:07

从 angular 17 升级到 angular 19 后，项目中使用了一个从 ng-zorro 复制过来的 bootstrap.less 样式文件，在 build 时下面的代码报错

@primary-color-hover: color(~`colorPalette('@{primary-color}', 5) `);

错误信息如下

Error evaluating function color: JavaScript evaluation error: 'ReferenceError: colorPalette is not defined'

ng-zorro 版本是 18.2.1，请问如何解决这个问题？

web前端 angular

问题补充：

dudu | 高人七级 | 园豆：29568
提问于：2024-12-01 12:24

– dudu 2周前

< >

最佳答案

在 github 上的 PR#8552 中找到了解决方法

通过下面的正则

~`colorPalette\((.*)?\)\s*`

替换为 colorPalette($1)，将 bootstrap.less 中的旧语法改为新语法即可解决

color(colorPalette(...))

dudu | 高人七级 |园豆：29568 | 2024-12-01 18:01

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。