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

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

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

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

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

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

🤔 А знаете ли вы, что...
Svelte имеет активное сообщество разработчиков и множество ресурсов для обучения.


290
1

Ответ:

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

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

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