@forward должен быть первым, но думает, что это не так

#javascript #sass

Вопрос:

У меня есть .sass файл, определенный следующим образом:

 @forward './settings'
@use './generic'
@use './elements'
@use './utilities'

Когда я пытаюсь загрузить приложение (стек Vue3 Vuetify3 Vite) и запустить его через Vite, я получаю следующую ошибку:

 3:25:20 PM [vite] Internal server error: @forward rules must be written before any other rules.
  ╷
2 │ @forward './settings'
  │ ^^^^^^^^^^^^^^^^^^^^^
  ╵
  node_modules/vuetify/lib/styles/main.sass 2:1  root stylesheet

Обратите внимание, что в соответствующем файле sass @forward директива находится в самой первой строке. Почему вит думает, что это вторая строка? Как мне отладить, во что встраивается файл, поскольку кажется очевидным, что в первую строку автоматически вставляется что-то, что вызывает @forward ошибку?

1. Вы включаете это в какой-либо другой файл sass?

2. main.sass включен (насколько я или полнотекстовый поиск могу судить) только в один другой файл, файл javascript, который также является первой строкой.

Ответ №1:

Проблема заключается в конфигурации переменных в vite.config.js, возможно, изменение в последней версии 3.0.0-alpha.11 для генерации шаблонов vuetify

просто строки комментариев в предпроцессорных операциях

 preprocessorOptions: {
  // sass: { additionalData: `@import ${srcPath}n` },
  // scss: { additionalData: `@import ${srcPath};n` },
},```