Blueprintjs：SassError：(路径：(Fill：#5c7080))不是有效的CSS值 [英] Blueprintjs: SassError: (path: (fill: #5c7080)) isn't a valid CSS value

问题描述

我正在尝试开发blueprintjs自定义主题。

在My main.scss中，导入Bluprintjs SCSS文件，如下所示：

@import "~@blueprintjs/core/lib/scss/variables.scss";
$pt-intent-primary: #110630;

@import "~@blueprintjs/core/src/blueprint.scss";

则错误：

[ error ] ./public/styles/overwrite.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/next/dist/compiled/postcss-loader??__nextjs_postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./public/styles/overwrite.scss)
SassError: (path: (fill: #5c7080)) isn't a valid CSS value.
   ╷
39 │       background: svg-icon("16px/chevron-right.svg", (path: (fill: $pt-icon-color)));
   │                                                      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  node_modules/@blueprintjs/core/src/components/breadcrumbs/_breadcrumbs.scss 39:54  @import
  node_modules/@blueprintjs/core/src/components/_index.scss 5:9                      @import
  node_modules/@blueprintjs/core/src/blueprint.scss 16:9                             @import
  /home/joy/Projects/pentius/pentius-website/public/styles/overwrite.scss 4:9                                                                          root stylesheet

有什么问题吗？

推荐答案

这是Blueprint.js的一个未决问题。上述解决方案当前均不适用于节点16或任何组合的SASS解析器。

https://github.com/palantir/blueprint/issues/4032

这篇关于Blueprintjs：SassError：(路径：(Fill：#5c7080))不是有效的CSS值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！