VSCode：自动导入找不到模块

Question

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

给出以下小代码片段：

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

vscode 有下划线，React因为名称未定义。当尝试应用快速修复（alt+enter 映射到editor.action.quickFix）时，vscode 建议执行以下操作：

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

我已将 React 安装在文件夹内的当前工作目录中node_modules（通过 npm 安装）。为什么 vscode 不建议我从那里包含 React 而是希望我包含一个打字文件？

预期推荐：

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。