使用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

我遇到了同样的问题，我找到了一个解决方法。如果你在rollup config的svelte选项中删除css函数，它将不会再次将css传递给svelte编译器（问题是css正被处理为svelte代码，但它已经编译为css）。

也许汇总将输出的css文件作为输入文件（不确定汇总是如何工作的）。

所以删除css函数将解决你的问题:)