Angular 7生产版本不加载样式和js

Question

我有一个用Angular 7编写的小项目，我试图用它来构建生产版本。

当我跑步

ng build --prod --aot --service-worker

如屏幕截图所示，该构建将无错误运行。

另一方面，当我尝试在浏览器中加载应用程序时，它将在控制台中引发错误，并且根本不会加载。

任何想法是什么原因造成的？ 这些文件与index.html位于同一目录中，并且确实存在。

Answer 1

使用http-server在本地运行构建的代码

npm install http-server
http-server --help
http-server -p 8080 -c-1 dist/<project-name>

-p指定端口， -c-1禁用高速缓存，最后一个参数是应提供的目录。

如果您正在与服务人员一起玩并且要对其进行测试，那么这是很好的信息来源 。

Answer 2

因此，我发现，如果要在不使用页面前面的某种服务器的情况下静态地提供此文件，则必须设置build参数--base-href ./并且还应使用相对路径来存储图像等资产。

所以构建命令实际上是

ng build --prod --aot --service-worker --base-href ./

Answer 3

编译--prod项目以进行production后-编译后production输出文件，您不仅可以从浏览器打开它，还必须使用计算机上的local server才能使用XAMPP