Blueprint js: SassError: (path: (fill: # 5c7080)) недопустимое значение CSS - PullRequest
Новая
       44

Blueprint js: SassError: (path: (fill: # 5c7080)) недопустимое значение CSS

1 голос
/ 21 июня 2020

Я пытаюсь разработать blueprint js custom theme.

В моем main.s css импортируйте файлы blueprint js s css, например: 

@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

Что-то не так?

Ответы [ 2 ]

0 голосов
/ 23 июня 2020

Попробуйте удалить пакет «sass» и заменить его на «node-sass»:

yarn remove sass && yarn add -D node-sass

и переключите загрузчик в конфигурации вашего веб-пакета: 

     {
       test: /\.s[ac]ss$/i,
       use: [
         'style-loader',
         'css-loader',
         {
           loader: 'sass-loader',
           options: {
             implementation: require('node-sass')
           }
         }
       ]
     },
0 голосов
/ 22 июня 2020

Дополнительный path недействителен, вы можете попробовать это?

т.е. background: svg-icon("16px/chevron-right.svg")

...