Использование синтаксиса .sass с vuepress отображает пустую страницу - PullRequest
Новая
       6

Использование синтаксиса .sass с vuepress отображает пустую страницу

0 голосов
/ 29 января 2020

Я пытаюсь использовать синтаксис .sass на странице vuepress, но ничего не отображается, нет ошибки в консоли.

Сначала я добавил sass

yarn add sass-loader node-sass -D

Затем: 

<template lang="pug">
  h1 Hello World!
</template>

<style lang="sass">
h1
  color: red
</style>

Ничего не рендерится, но если я изменю на scss синтаксис все идет хорошо.
Я что-то упустил? 

Environment Info:

  System:
    OS: Linux 5.3 Ubuntu 19.10 (Eoan Ermine)
    CPU: (8) x64 Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz
  Binaries:
    Node: 13.7.0 - /usr/bin/node
    Yarn: 1.21.1 - /usr/bin/yarn
    npm: 6.13.6 - /usr/bin/npm
  Browsers:
    Chrome: Not Found
    Firefox: 72.0.1
  npmPackages:
    @vuepress/core:  1.2.0 
    @vuepress/theme-default:  1.2.0 
    vuepress: ^1.2.0 => 1.2.0 
  npmGlobalPackages:
    vuepress: Not Found

1 Ответ

0 голосов
/ 29 января 2020

Через некоторое время я просто понял, что консоль моего браузера имеет такой вывод 

ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.
     - options has an unknown property 'indentedSyntax'. These properties are valid:
       object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }

И я нашел обходной путь здесь

Итак, дело в том, чтобы понизить sass-loader до версии 7.3.1.
Так что после этого все работает сейчас.

Я нашел эту проблему в Vuepress, и я жду лучшего решения.

...