在Chinese中，将以下句子翻译成简洁流利的中文：在类型上不存在’css’属性会出现Emotion错误

2 年 ago

文, 翔

1 minute

首先

最近我开始使用 Emotion，参与 React 100 题任务。以下是我遇到的问题总结。

請問

import { css } from "@emotion/react";
import { useState } from "react";

function App() {
  const [count, setCount] = useState(0);

  return (
    <>
      <div
        css={css`
          display: flex;

当我写了这样的代码后，我在VSCode中遇到了以下CSS错误。

Type '{ children: Element[]; css: SerializedStyles; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
  Property 'css' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.ts(2322)

答案

解决方案 (jiě jué àn)

/** @jsxImportSource @emotion/react */
import { css } from "@emotion/react";

通过这样做，我们成功避免了错误。

最后

虽然没有完全解决问题，但花费更多时间对此没有太大价值，所以我尝试了这样的处理方法。