Изображение не загружается в ответ

Question

Мое изображение не загружается в ответ, и у меня есть следующее в моей конфигурации веб-пакета:

use: {
    loader: 'url-loader'
},
test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,

Я не получаю ошибки, но изображение просто показывает alt not working

<img src={require("./Images/start.jpg")} alt="not working" />

Моя полная конфигурация

module: {
    rules: [
        {
            use: {

                loader: "babel-loader"
            },
            test: /\.js$|jsx/,
            exclude: /node_modules/

        },
        {
            loader: 'file-loader',
            test: /\.(png|jpg|jpeg|gif)$/,
        }
    ]
}

Answer 1

В вашем конфигурационном файле веб-пакета попробуйте использовать этот загрузчик:

module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
        }
      },
      {
        test: /\.(png|jpg|jpeg|gif)$/,
        loader: 'file-loader'
      }
    ]
  }

Надеюсь, это работает для вас.