【问题标题】:Angular Component Not Rendering on Server SideAngular 组件未在服务器端呈现
【发布时间】:2020-05-23 08:26:13
【问题描述】:

我已经制作了一个组件名称来显示目的地中的活动:

所以当我运行 ng-serve -o 和 ng-serve --prod 时组件工作(两次)。但是当我使用命令 ng build --prod 构建项目时,组件什么也没有显示

这是控制台的屏幕截图(如果有帮助的话)。

有人可以建议这里发生的事情吗?

【问题讨论】:

  • 请分享如何渲染 svg 的代码。
  • 在你的 dist 文件夹中构建图像后有吗?或者您正在使用 cdn 获取图像?

标签: angular typescript server frontend


【解决方案1】:

如果您是在构建后直接打开 index.html,请尝试使用此命令:-

 ng build --prod --base-href="."

更好的方法是使用 http-server

npm i -g http-server

构建项目后运行

http-server dist

【讨论】:

  • 我尝试了上面列出的步骤中的命令,但没有成功。该部分显示为空。
  • 你能提供一个堆栈闪电战吗?
  • 并在构建后告诉您如何运行应用程序?
  • 我无法提供堆栈闪电战,但我可以告诉你我是如何运行应用程序的。我运行 ng build --prod 命令并使用 FIleZilla 将 dist 上传到服务器
  • 当您构建并通过 filezilla 使用 svg 文件时,您能看到它为您的 svg 文件形成的 url,以及它在服务时形成的 url 吗?
猜你喜欢
  • 2018-05-20
  • 1970-01-01
  • 2021-03-27
  • 2017-08-02
  • 1970-01-01
  • 2018-04-14
  • 2020-04-25
  • 2010-12-14
  • 2016-06-04
相关资源
最近更新 更多