Использование Nib с Bulma-стилусом вызывает ошибку: не удалось @extend "$ overlay" - PullRequest
0 голосов
/ 26 февраля 2020

Я использую бульма-стилус с стилус-загрузчик .

Когда я добавляю nib (и импортирую его), это вызывает следующую ошибку:

Failed to @extend "$overlay"

Вот соответствующая конфигурация веб-пакета:

test: /\.styl$/,
use: ['style-loader', { loader: 'css-loader', }, {
  loader: 'stylus-loader',
  options: {
    use: [require('nib')()],
    import: [
      // '~nib/lib/nib/index.styl',  /* OFFENDING LINE This causes the error */
      '~bulma-stylus/bulma.styl',
    ],
  }
}]

В приведенном выше коде ошибка возникает только тогда, когда я удаляю комментарий из строки, вызывающей ошибку, т.е. импортирую стили nib .

Ошибка также исчезнет, ​​если я закомментирую эту строку в библиотеке bulma-stylus :

Ошибка также исчезнет, ​​если я закомментирую эту строку в библиотеке nib :

  • lib/nib/index.styl

    @import 'iconic'
    // @import 'image' /* OFFENDING LINE */
    @import 'normalize'
    

Копать дальше в nib/image.styl Я не могу закомментировать все, что могло бы остановить ошибку (попытался комментирование всего содержимого файла). Кажется, что-то связано с включением самого файла image.styl, который вызывает ошибку.

Что именно вызывает эту ошибку?

Репро: https://github.com/laggingreflex/repro-bulma-stylus-loader

...