类型 '{ 类：字符串；}' 不可分配给类型 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'

Question

我正在使用带有 volar 扩展的 vue、ts、vite。

在 Vs 代码中，我收到错误 Type '{ class: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'. Property 'class' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'. Did you mean 'className'?ts(2322)

当我<div class=""></div>为class

当我将鼠标悬停在div我看到的 (property) div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>

我不知道是什么让 VS Code 假设我正在使用 React。文件类型是.vue

我禁用了 eslint，但仍然收到错误。当我运行应用程序时它可以工作，但在 vscode 中看到该错误很烦人。

我应该添加一些d.ts文件吗？

Answer 1

添加这个修复了它。请参阅此处： https: //github.com/johnsoncodehk/volar/discussions/592

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": [
      "vite/client", // if using vite
      // ...
    ]
  }
}

我想当我添加故事书时它添加了反应类型