根據(jù)ts官網(wǎng)的教程，配置了一個(gè)react-ts-es6的技術(shù)棧

但是遇到了一個(gè)問題：在ide中會(huì)出現(xiàn)一些不明所以的報(bào)錯(cuò)，但是并不影響webpack編譯，也可以正常運(yùn)行，所以非常疑惑，希望大佬們可以解惑一下
代碼如下

此處的compiler和framework已經(jīng)通過interface和范型進(jìn)行約束了，為什么IDE無法檢測(cè)到其關(guān)聯(lián)關(guān)系

webpack和tsconfig如下

webpack.config

let path = require('path');
let webpack = require('webpack');
let HtmlWebpackPlugin = require('html-webpack-plugin');


module.exports = {
    entry: __dirname + '/src/index.tsx',
    output: {
        filename: 'bundle.js',
        path: __dirname + '/dist'
    },
    devtool: 'eval-source-map',
    resolve: {
        extensions: [
            '.js', '.json', '.webpack.js', '.tsx', '.jsx'
        ]
    },
    module: {
        rules: [
            {test: /\.tsx$/, use: ['awesome-typescript-loader']},
            {test: /\.css$/, use: ['style-loader', 'css-loader', 'postcss-loader']},
            {test: /\.sass$/, use: ['style-loader', 'css-loader', 'sass-loader']},
            {
                enforce: "pre", test: /\.js$/, loader: "source-map-loader"
            }
        ]
    },
    externals: {
        "react": "React",
        "react-dom": "ReactDOM"
    },
    plugins: [
        require('autoprefixer'),
        new HtmlWebpackPlugin({
            template: path.resolve(__dirname + '/src', 'index.html')
        }),
        new webpack.HotModuleReplacementPlugin()
    ],
    devServer: {
        contentBase: './src/',
        historyApiFallback: true,
        inline: true,
        hot: true
    }
};

tsconfig

{
  "compilerOptions": {
    "target": "es2015",
    "sourceMap": true,
    "noImplicitAny": true,
    "jsx": "react"
  },
  "exclude": [
    "node_modules"
  ]
}