Использование 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",
Кто-нибудь нашел другую причину, чтобы увидеть вышеуказанную ошибку, и надеюсь, как ее исправить? За исключением этого, любые указатели на то, на что еще посмотреть, будут приняты и использованы для расширения этого вопроса.