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

分享于2023年05月08日 angular angular7 javascript production 问答
【问题标题】:Angular 7 production build does not load styles and jsAngular 7 生产版本不加载样式和 js
【发布时间】:2023-05-07 12:13:02
【问题描述】:

我有一个用 Angular 7 编写的小项目,我正在尝试用它构建生产版本。

当我跑步时

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

如屏幕截图所示,构建将运行且不会出现错误。

另一方面,当我尝试在浏览器中加载应用程序时,它会在控制台中抛出错误并且根本无法加载。

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

  • 这是因为文件的路径看起来是相对于根目录的,在这种情况下,它位于 C: 驱动器的根目录
  • 因为你是从文件系统加载它,你不会用 file:// 协议加载资源,把你的应用部署到真实服务器上看看它的运行
  • 为了大声呐喊:代码和错误的屏幕截图 suck 。 Google 无法将它们编入索引,我无法复制/粘贴它们,请 - 将 实际文本 放入您的问题中。

【解决方案1】:

如前所述,您可以使用 ng build --prod --base-href ./

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

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

"baseHref": "./"

【讨论】: