Ломаются пути картинок в ReactJS на продакшене?

Question

[Akmal Islamov]

Здравствуйте, написал я сайтик на ReactJS на development все хорошо а вот на production пути до картин ломаются. И ломаются картинки из подстраниц а на главном все хорошо. Я там использую react-router. Как это можно исправить?
teplichnoe.net

структура файлов

index.html
{js файлы}
static -
|- css
|- js
| - media-
|- картинки

Comments

[camelCaseVlad]

Это скорее хак, а не решение: если у вас так <img src={"/images/image.png"} />, попробуйте так <img src={require('/images/image.png')} />

также можете попробывать так:

import React from 'react';
import logo from './logo.png'; 
console.log(logo); // /logo.84287d09.png

function Header() {
  return <img src={logo} alt="Logo" />;
}

export default Header;

Все спилил из интернетов)))

[Akmal Islamov]

camelCaseVlad, у меня как раз так но все равно ломается

[camelCaseVlad]

а вебпак как ваш выглядит

[camelCaseVlad]

Я вижу картинки некоторые, что не грузится

[i1yas]

Akmal Islamov, вы же create-react-app используете? тогда пропишите в package.json "homepage": "./", и снова соберите продакшн

[Akmal Islamov]

camelCaseVlad, create-react-app юзал. Ну в подстраницу зайдите. На главном все норм

[Akmal Islamov]

i1yas, у меня таки есть. Тут вот в чем ошибка. Я тут использую React-router. Картинки которые используются в под страницах ломаются изза этого. Пути получаются как site.com/product/example/static/media/image.jpg
а картинка находится по пути
site.com/static/media/image.jpg