HTML относительный путь к изображению. Не можете найти 404 на Github Страница

Question

У меня есть следующие структуры файла

demo 
|_ assets 
.....|_ image.png 
.....|_ anotherimage.png 
|_ dist 
.....|_ my-component.html 
.....|_ my-component.js 
|_ index.html 

my-component.html имеют <img src="../assets/image.png"/>.
my-component.js generate <img src="../assets/anotherimage.png"> HTML-тег во время выполнения.

Это нормально работает на моем локальном сервере http.
Проблема возникает, когда я толкнул вещи на страницу Github.

• Изображение, изображенное на картинке my-component.html, показано на рисунке. Он распознает URL-адрес изображения как http://myorg.github.io/myrepo/demo/assets/image.png.
• Это 404 не найдено для изображения, как указано в файле my-component.js. Он распознает URL изображения в качестве http://myorg.github.io/myrepo/assets/anotherimage.png

Уведомление URL-адрес для обоих случаях, что браузер распознает. Для второго случая нет demo/.

Это как my-component.js размещается в каталоге demo вместо dist. Но как это могло случиться. В чем проблема? и как я могу это исправить?

Edited
my-component.html и my-component.js в вопросе, на самом деле полимерный компонент расщепления в 2 файла один для шаблона, а другой для логического кода. Затем index.html импортирует этот компонент через <link rel="import" href="dist/my-component.html"> в верхней части его кода. Там нет вопросов о Полимере или вообще о том, что я тестировал раньше, и я не думаю, что проблема связана с Полимером.

Answer 1

В WebComponents пути относятся к HTML-странице, в Polymer, они относятся к самому компоненту. См. https://stackoverflow.com/a/33603356/227299

A possible solution предназначен для создания вашего пути с использованием this.resolveUrl('../assets/image.png') относительно файла JS.