1

最近，每次我尝试使用样式系统中的 css 函数时都会出错。它以前工作得很好，没有任何错误。不，我不断收到错误：

类型“CssFunctionReturnType”不可分配给类型“InterpolationFunction”.ts(2769)

这是发生错误的代码片段：

const FlexCol6Left = styled(FlexCol6 as any)`
  padding-top: 0;
  ${css({
    paddingLeft: ['0', '0', '0'],
  })}
`;

错误信息的其余部分：

没有重载匹配此调用。Overload 1 of 3, '(first: TemplateStringsArray | CSSObject | InterpolationFunction, ...rest: Interpolation[]): StyledComponent<...>'，给出了以下错误。“CssFunctionReturnType”类型的参数不能分配给“插值”类型的参数。类型“CssFunctionReturnType”不可分配给类型“InterpolationFunction”。类型“CSSObject”不可分配给类型“插值”。类型“CSSObject”不可分配给类型“字符串”。Overload 2 of 3, '(first: TemplateStringsArray | CSSObject | InterpolationFunction, ...rest: Interpolation[]): StyledComponent<...>'，给出了以下错误。“CssFunctionReturnType”类型的参数不能分配给“插值”类型的参数。类型 '

我正在使用打字稿版本：^4.0.3

4

1 回答 1

0

所以经过一些试验和错误后，我通过使用@types/styled-components 导入样式组件的类型解决了这个问题。

于 2020-11-24T11:01:07.903 回答