Cannot find module '@src/images/avatar.png' or its corresponding type declarations.


画像を追加しようとしたときにエラーが発生しました.
Webpack設定が間違っているかどうか考えています.webpack.config.tsに他のファイルをバインドするためのfile-loaderとurl-loaderを追加し、エラーが解決されました.
また,画像に対してtype宣言を行った.

Error



解決策

npm i -D file-loader url-loader

webpack.config.ts

{
  module: {
    rules: [{
      ... // 바벨로더와 css 로더들
    }, {
      test: /\.(ico|png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
      loader: 'url-loader',
      options: {
        name: '[hash].[ext]',
        limit: 10000,
      },
    }],
  }
}

images.d.ts

declare module '*.png';
declare module '*.jpg';
declare module '*.jpeg';
declare module '*.svg';
Webパッケージの設定とtype宣言が表示されます.今写真は正常です.