rollupjs - Svelte CSS 的奇怪行为
问题描述
我刚刚启动了一个新的 Svelte 应用程序,现在当我进行更改时,无论我放入模块中的第一条 CSS 规则如何,汇总都会引发错误,如下所示:
[!] (svelte plugin) ParseError: Expected }
src\Register.svelte
1: form.svelte-1ietpyf{right:0}
如果我终止汇总过程并重新启动,它会暂时工作,但有点烦人。有没有其他人见过这样的事情?
编辑——为清楚起见,我应该添加一些示例 CSS:
<style>
form {
right:0;
}
</style>
解决方案
我遇到了同样的问题,我找到了解决方法。如果您在汇总配置的 svelte 选项中删除 css 函数,它不会再次将 css 传递给 svelte 编译器(问题是 css 正在作为 svelte 代码处理,但它已经编译为 css)。
也许 rollup 将输出的 css 文件作为输入文件(虽然不确定 rollup 的工作原理)。
所以删除css函数将解决你的问题:)
推荐阅读
- php - mac上如何连接PostgreSQL和PHP?
- google-app-engine - 如何获取 Azure Active Directory 发送的 saml 响应的属性?
- php - php中基于数组输入的批量好友请求插入
- javascript - 为什么 JavaScript 函数不会创建 HTML 元素?
- html - 如何阻止下拉菜单向下推送内容?
- jquery - 使用 jQuery .filter() 的结果做 3 件不同的事情中的 1 件
- java - “AWT-EventQueue-0” java.lang.NegativeArraySizeException 似乎阻碍了未来的线程
- makefile - 如何在 Makefile 中读取 $HOME?
- node.js - Passport.js:如何保护所有路线?
- javascript - 从大写到小写以及反之亦然的交换如何与这个正则表达式一起工作?