React Webpack構築

Question

webpack.config.tsに以下を記述していますが、import path from 'path';がエラーになってしまいます。
必要なパッケージが足りてないのでしょうか、ご助言いただけると幸いです。

import path from 'path';
import { Configuration } from 'webpack';

const config: Configuration = {
    context: path.join(__dirname, 'src'),
    entry: './index.tsx',
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: '/assets',
    },
    module: {
        rules: [
            {
                test: /.tsx?$/,
                use: 'ts-loader',
            },
        ],
    },
    mode: "development",
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.jsx'],
    },
    devtool: "inline-source-map",
    devServer: {
        contentBase: path.join(__dirname, 'static'),
        open: true,
        port: 3000,
    },
};

export default config;

写真で見たほうがわかりやすいので載せます。
カーソルを合わせると
Cannot find module 'path' or its corresponding type declarations.
というメッセージがでております

Comments

[maisumakun]

> import path from 'path';がエラーになってしまいます。

どのようなエラーになるのですか？

[yemon]

写真で見ていただいたほうがわかりやすいので載せます。

[maisumakun]

肝心のエラーメッセージが出ていないのですが。

[yemon]

Cannot find module 'path' or its corresponding type declarations.
というメッセージがでております

[hoshi-takanori]

それは VSCode が出してるエラーで、webpack 実行時のものではないのでは。
そして、たぶん import じゃなくて require すべきかも？

[yemon]

requireでもうまくいかなかったので、なにかinstallがたりないようです。
自分で調べてみます。ありがとうございました