Javascript Angular 7生产构建不加载样式和js

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

当我跑的时候

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

如屏幕截图所示，构建将在没有错误的情况下运行

另一方面，当我试图在浏览器中加载应用程序时，它会在控制台中抛出错误，根本不会加载

你知道这是什么原因吗？这些文件与index.html位于同一目录中，它们确实存在。

用于在本地运行生成的代码

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

npm安装http服务器
http服务器--帮助
http服务器-p 8080-c-1区/

-p

指定端口，

-c-1

禁用缓存，最后一个参数是应该为哪个目录提供服务

如果您正在使用服务人员并希望测试他们，这是。

用于在本地运行构建的代码

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

npm安装http服务器
http服务器--帮助
http服务器-p 8080-c-1区/

-p

指定端口，

-c-1

禁用缓存，最后一个参数是应该为哪个目录提供服务

---

如果你在和服务人员玩游戏，想测试他们，这是。

为

生产编译项目后--prod

编译后的输出文件您不能仅从浏览器中打开它，您必须使用计算机上的

本地服务器来执行此操作，因此您可以在为
生产编译项目后--prod
使用输出文件编译您不能只从浏览器中打开它，您必须在您的计算机上使用
本地服务器
，要做到这一点，您可以使用
，因此，我发现如果我想静态地提供这些文件，而不必在页面前面使用某种服务器，我必须设置构建参数
--base href./
，还必须为图像等资产使用相对路径

所以build命令实际上是

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

因此，我发现，如果我想静态地提供这些文件，而不使用页面前面的某种服务器，那么我必须设置构建参数
--base href./
，并为图像等资产使用相对路径

所以build命令实际上是

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

如前所述，您可以使用
ngbuild--prod--base href./

另一个选项是配置angular.json文件

您必须在
angular.json>projects>yourProject>architect>build>configurations>production
下添加以下行：

"baseHref": "./"

如前所述，您可以使用
ngbuild--prod--base href./

另一个选项是配置angular.json文件

您必须在
angular.json>projects>yourProject>architect>build>configurations>production
下添加以下行：

"baseHref": "./"

这是因为指向文件的路径看起来是相对于根目录的，在本例中，根目录位于C:drive的根目录。因为您是从文件系统加载的，所以无法使用
file://
protocol加载资源。请将应用程序部署到real server上，以查看它的运行情况，因为大声喊叫：代码和错误的屏幕截图太糟糕了。谷歌无法索引它们，我无法复制/粘贴它们，请-将实际文本放入您的问题中。这是因为文件的路径看起来与根相对，在本例中，根位于C:drive的根。因为您是从文件系统加载的，所以无法使用
文件：//
协议加载资源，将您的应用程序部署到real server上，以查看它的运行情况，因为大声呼喊：代码和错误的屏幕截图很糟糕。谷歌不能索引它们，我不能复制/粘贴它们，请-将实际文本放入你的问题中。就这样？你能提供更多的见解、指导、用法等吗？这基本上是一个链接唯一的答案，就是这样吗？你能提供更多的见解、指导、用法等吗？这本质上是一个仅链接的答案，我的目标是使用AWSS3将其作为静态页面。那么你是说这是不可能做到的？（与在本地提供应用程序时的问题相同）我的目标是使用aws s3将其作为静态页面提供。那么你是说这是不可能做到的？（与在本地为应用程序提供服务时的问题相同）但是进行此调整是正确的还是应该使用默认基本路径？但是进行此调整是正确的还是应该使用默认基本路径？