使用angular-cli的webpack构建问题

Question

我正在使用带有内置webpack angular-cli并遇到以下问题：如果我使用ng serve --host 0.0.0.0 --port 3000一切正常，但是当我尝试构建应用程序时（无论开发人员模式还是生产），然后将其放入ng build ，然后将其放入我的nginx ，没有一条途径nginx ，并且浏览器每次尝试下载用于起始页的图像的尝试均以404错误结束。 我究竟做错了什么？ Google搜索了很多东西，似乎没有什么解决方案。

一些其他信息：

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错误此外，此链接还有配置示例https://github.com / angular-ui / ui-router / wiki /常见问题解答＃how-to-to-configure-your-server-to-work-with-html5mode