Развернутое приложение Vue, управляемое с помощью простого веб-пакета, не работает

Question

Я работаю над своим первым Vue приложением, которое использует библиотеку Moment и Firebase (если это имеет значение).Я использую по умолчанию Webpack simple.Для развертывания приложения я сделал npm run build.

Но при открытии напрямую index.html (приложение развернуто здесь ) я получаю сообщение об ошибке "Failed to load resource: the server responded with a status of 404 (Not Found)", и приложение в результате не работает вообще.

Я понятия не имею, как решить эту проблему, поскольку больше нет информации о том, что это в DevTools ...

Любая идея о том, чтоЧто я могу сделать дальше?

Исходный код приложения

Answer 1

Удалите первые косые черты всего пути к активам.
Это должно решить вашу проблему.

<script src="/dist/build.js"></script> // No!
<script src="dist/build.js"></script> // Yes!

Vue добавляет его по умолчанию в процессе сборки, чтобысделать ваши активы относительно корневой папки.