rollupjs - Svelte CSS 的奇怪行为

Question

我刚刚启动了一个新的 Svelte 应用程序，现在当我进行更改时，无论我放入模块中的第一条 CSS 规则如何，汇总都会引发错误，如下所示：

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

如果我终止汇总过程并重新启动，它会暂时工作，但有点烦人。有没有其他人见过这样的事情？

编辑——为清楚起见，我应该添加一些示例 CSS：

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

score 0 · Accepted Answer

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

也许 rollup 将输出的 css 文件作为输入文件（虽然不确定 rollup 的工作原理）。

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

1 回答 1