Изображение Webpack не загружается 404 - PullRequest
Новая
       8

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

0 голосов
/ 28 июня 2018

Я работаю с реакцией и веб-пакетом, и я пытаюсь загрузить изображения, но получаю 404. 

const ImageComponent = ({ path }) => (
    <img src={path} />
);

Путь похож на assets/images/img.png. Папка Assets находится рядом с src, где находятся все файлы приложения.

Я пытался с webpack-file-loader, но я не могу понять, как решить проблему 404.

вот мой загрузчик на file-loader Я попробовал несколько вариантов:

как это: 

  {
    test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2|otf)$/,
    loader: 'file-loader',
    exclude: /(node_modules)/,
  },

это: 

  {
    test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2|otf)$/,
    loader: 'file-loader',
    exclude: /(node_modules)/,
    include: [
      path.resolve(__dirname, 'assets/img'),
    ],
  },

это: 

  {
    test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2|otf)$/,
    loader: 'file-loader',
    exclude: /(node_modules)/,
    include: [
      path.resolve(__dirname, 'assets/img'),
    ],
    options: {
      publicPath: '/',
      outputPath: 'assets/',
    },
  },

Все вышеперечисленные варианты дали мне тот же результат. Есть идеи?

...