使用 CSS-in-JS 库时，在 Tauri 中配置 CSP 的正确方法是什么？

Question

在发布版本中，Tauri 不渲染任何内容。经过一番谷歌搜索后，我发现了同样的问题，但我仍然对使用 CSS-in-JS 库（如 styled-components）时要设置的正确 CSP 配置感到困惑。

现在，这是我的 CSP：

"csp": "default-src 'self'"

错误：

Answer 1

刚刚做了一个快速测试，一切似乎都运行良好，没有错误。

这是源代码。

使用默认示例：

import styled from 'styled-components';

const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`;

//.....

return (
    <div className="container">
      <Title>Welcome to Tauri!</Title>
//...