SCSS не скомпилируется, ошибка SASS, нет файлов .sass - PullRequest
0 голосов
/ 26 июня 2019

Использование VueJS для создания приложения. Все прошло довольно хорошо, и многое уже сделано. Внезапно эта ошибка происходит. Я откатился настолько, насколько смог, и все еще вижу эту ошибку - я не знаю, что могло измениться в конфигурации, что могло бы внезапно появиться.

Invalid CSS after "/* banners */": expected expression (e.g. 1px, bold), was "@mixin banner-red-t"
      in C:\Projects\MyTestVueProject\src\App.vue (line 1534, column 1)

Файл с этой ошибкой имеет значение .scss и начинается следующим образом:

/* banners */
@mixin banner-red-text{ 
    font-family:$font-family-primary;
    font-weight:$font-weight-regular;
    font-size:42px;
    color: $red;
    line-height:50px;
}

У меня нет ни одного файла .sass во всем проекте. Каждый компонент имеет lang="scss", style-resource-loader установлен на preProcessor: 'scss', и каждый задействованный файл имеет расширение .scss.

И, тем не менее, я получаю эту ошибку, иначе приписываемую попытке компилировать SCSS как SASS везде, где кто-то спросил.

Я использую пакеты node-sass и sass-loader, но, похоже, они являются правильными для компиляции scss.

"node-sass": "^4.12.0",
"sass-loader": "^7.1.0",

Кто-нибудь нашел другую причину, чтобы увидеть вышеуказанную ошибку, и надеюсь, как ее исправить? За исключением этого, любые указатели на то, на что еще посмотреть, будут приняты и использованы для расширения этого вопроса.

1 Ответ

1 голос
/ 26 июня 2019

В другом файле, загруженном непосредственно перед этим в style-resources-loader, отсутствовало ; после его окончательного объявления.Когда файлы предварительно загружены, это вызывает искажение единственного виртуального фрагмента scss.

Оставьте это мне, чтобы выяснить это через 25 секунд после того, как я отправил вопрос.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...