VSCode：自动导入找不到模块

Question

我最近开始使用vscode进行反应开发，目前遇到了一个问题。

给出以下小代码片段：

export default class foo extends React.Component {
    render() {
        return <div>Hello World</div>;
    }
}

vscode强调React，因为未定义名称。尝试应用快速修复时（alt +输入映射到editor.action.quickFix）vscode建议如下：

import * as React from "../../../Users/daniel/Library/Caches/typescript/2.4/node_modules/@types/react"

我已在node_modules文件夹（通过npm安装）的当前工作目录中安装了反应。为什么vscode不推荐我，包括那里的反应，而是要我包括一个打字文件？

预期建议：

import * as React from "react";

我的jsconfig.json

{
    "compilerOptions": {
        "target": "ES6",
        "checkJs": true,
        "module": "commonjs",
        "allowSyntheticDefaultImports": true,
        "baseUrl": "./",
    },
    "exclude": [
        "dist"
    ],
    "include": [
        "./**/*.js"
    ]
}

文件夹结构：

/
   node_modules/
      react/
      ...
   jsconfig.json
   packacke.json
   package-lock.json
   test.js

我的设置有什么问题，还是我需要配置其他任何东西才能按预期工作？到目前为止，我已尝试多次重新加载工作区/重新启动vscode。