相关疑难解决方法(0)

我正在将 Visual Studio Code 用于 React 项目，并且有很多.js文件，如下所示：

import React, { PureComponent } from 'react'

class Foobar extends PureComponent {
  render() {
    return (
      <main>
        Foo
      </main>
    )
  }

}

export default Foobar

React 自己的方法的自动完成工作正常（就像添加componentWill...到组件中一样），但在输入 JSX 时我没有得到任何建议。输入类似onCli...into 的内容main并不建议onClick。

我找到了一些关于打字稿定义的教程，所以我安装了：

"@types/react": "^16.0.36",
"@types/react-dom": "^16.0.3",

但这没有任何作用。即使我将文件从.js重命名为.jsx，.ts或者.tsx我也无法获得 JSX 属性的自动完成功能。

有什么我错过的吗？

我还创建了一个jsconfig.json：

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true
  },
  "exclude": [
    "node_modules" …