Svelte CSS 的奇怪行为答案

【问题标题】：Strange behavior with Svelte CSSSvelte CSS 的奇怪行为
【发布时间】：2019-01-06 05:22:11
【问题描述】：

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

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

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

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

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

【问题讨论】：

你能创建一个最小的 git repo 来重现这个问题吗？
@RichHarris -- github.com/jaredwiener/sveltetest。它似乎只在已经通过npm start dev 运行然后进行更改时发生。对于它的价值，我正在使用 VS Code。

【解决方案1】：

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

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

因此删除 css 函数将解决您的问题 :)

【讨论】：