Почему при попытке импортировать переменную Sass из материала с помощью Rollup и Post CSS появляется сообщение «Ожидаемое значение di git»? - PullRequest
Новая
       78

Почему при попытке импортировать переменную Sass из материала с помощью Rollup и Post CSS появляется сообщение «Ожидаемое значение di git»?

0 голосов
/ 15 марта 2020

У меня есть следующий код ... 

@use "@material/top-app-bar/_variables.import" as mdc;
.color{
    background-color: lightblue;
    height: mdc.$row-height;
}

Но когда я запускаю, я получаю ...

Ошибка: ожидается di git.
src /components/header/index.style.scss 4:17 root таблица стилей

Я предполагаю, что неправильно импортирую файл Sass. Я пытался ... 

@use "@material/top-app-bar/variables";
.color{
    background-color: lightblue;
    height: variables.$row-height;
}

@use "@material/top-app-bar/mdc-top-app-bar";
.color{
    background-color: lightblue;
    height: $mdc-top-app-bar-row-height;
}

Et c ... но ничего, что я пробую, не работает. Как мне импортировать переменную, используя sass?

Обновление

Я заметил это еще выше

[!] (Плагин css) Ошибка: ожидается di git.

src / components / header / index.style.s css 9:29 root таблица стилей

Может ли это быть Проблема с накопительным модулем?

Обновление 2

Похоже, частью проблемы была установка пакета node-sass. Теперь я получаю ...

[!] (Плагин пост css) Ошибка: недействительно CSS после "... ight: variable": ожидаемое выражение (например, 1px, полужирный), был ". $ row-height;"

Когда я запускаю следующее ... 

@use "@material/top-app-bar/variables" as variables;
.color{
    background-color: lightblue;
    height: variables.$row-height;
}

Я также попробовал более простой 

// ./_variables.scss
$row-height: 64px !default;

@use "./variables";
.color{
    background-color: lightblue;
    height: variables.$row-height;
}

И Я все еще получаю то же самое.

1 Ответ

0 голосов
/ 07 апреля 2020

У меня была похожая проблема с использованием модуля sass color.

Мне пришлось добавить следующее к моему rollup.config.js

import sassPlugin from 'rollup-plugin-sass'
import sass from 'sass'

sassPlugin({
  runtime: sass,
  // Other properties omitted for brevity. 
})
...