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

Question

我正在使用带有手掌扩展名的 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)

当我为 class

执行 <div class=""></div> 时

当我将鼠标悬停在 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
      // ...
    ]
  }
}

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

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

Type '{ class: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'

javascript

typescript

vue.js

visual-studio-code

vscode-settings