Странное поведение с Svelte CSS

Question

Я только что запустил новое приложение Svelte, и теперь, когда я делаю изменения, накопительный пакет выдает ошибку с любым первым правилом CSS, которое я вставил в модуль, например так:

[!] (svelte plugin) ParseError: Expected }
src\Register.svelte
1: form.svelte-1ietpyf{right:0}

Если я убью процесс объединения и перезапущу, он будет работать временно, но это немного раздражает. Кто-нибудь еще видел что-нибудь подобное?

Изменить - для ясности, я должен добавить в некоторые примеры CSS:

<style>
    form {
        right:0;
    }
</style>

Answer 1

Я столкнулся с той же проблемой, и я нашел обходной путь. Если вы удалите функцию css в параметрах svelte в накопительной конфигурации, она больше не будет передавать css компилятору svelte (проблема в том, что css обрабатывается как код svelte, но он уже скомпилирован как css).

Возможно, накопительный пакет принимает выведенный файл CSS в качестве входного файла (хотя и не уверен, как именно работает накопительный пакет).

Так что удаление функции css решит вашу проблему:)