Проблемы с webpack build, используя angular-cli

Question

Я использую angular-cli со встроенным webpack и сталкиваюсь со следующей проблемой: если я использую ng serve --host 0.0.0.0 --port 3000, все работает нормально, но когда я пытаюсь создать приложение (независимо от того, какой режим разработчика или производство) с ng build, а затем поместите его в мой nginx, ни один маршрут не работает, и каждая попытка загрузки браузера для изображения, которая используется на стартовой странице, заканчивается ошибкой 404. Что я делаю не так? В Googled тонна вещей и ничего, кажется, не решение.

Некоторые дополнительная информация:

angular-cli: 1.0.0-beta.21 
node: 6.9.4 
os: win32 x64 

Answer 1

Таким образом, для всех, кто сталкивается с этой проблемой, после некоторых исследований я обнаружил это:

1) Для того, чтобы решить проблему с стилей не загружается должным образом, добавьте encapsulation: ViewEncapsulation.None к каждому из ваши компоненты @Component() декоратор, таким образом, он будет правильно связывать стили. Больше информации здесь: https://angular.io/docs/ts/latest/guide/component-styles.html#!#loading-styles

2) Убедитесь, что все ваши изображения хранятся в папке assets. Если вы храните их в другую папку, как images, просто поместите эту папку images внутри assets

3) И для информации о путях, не работающих на перезагрузки страницы, взгляните на этот вопрос и прочитать информацию о стратегиях: Angular 2 : 404 error occur when i refresh through Browser Также эта ссылка имеет примеры конфигурации https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode