Angular2网页包应用程序在生成后丢失资产

我对Angular2应用程序有一个问题，我在该应用程序中修改了UI。当我使用

ng-serve

测试应用程序时，一切正常。但如果我构建了应用程序，它就会停止工作

问题是，我有一个录音按钮，上面有一张麦克风照片。当点击按钮时，我只得到一个（边框）剩下的录制时间指示器

当我构建项目时，图标的图片丢失，边界动画工作到一半，之后它只是重置回原始状态

如果我手动将图片复制到

dist

文件夹中，我可以显示图标，但动画过了一半就不起作用了。我想知道为什么首先会发生这种情况（为什么它使用

ng-serve

而不是在构建之后工作）

这是“构建日志”

---

解释：由

ng serve

启动的后端服务器发布您的

src

文件夹，但是所有

src

文件在构建后都不会在您的

dist

文件夹中，只有所需的文件

您必须在资源文件夹中发布图像

在

src/angular cli.json文件中，检查是否有以下内容：

{
  "project": {
    ...
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": ["assets"],
...

然后将图像放入
src/assets
文件夹中。您可以通过以下方式引用它：

<img src="assets/mic_photo.png"/>



进一步阅读此讨论：
尝试了此方法。现在，当我构建应用程序时，我会在dist文件夹中获得“Assets”文件夹。在dist文件夹的根目录下，我仍然得到我的背景图片“丑陋化”，但没有得到其余的图片？出于某种原因，我无法编辑我的帖子：以前，我所有的图片都在..../images文件夹中，但在构建中，只有我的背景被丑陋化并移动到dist的根目录下，其余的图片必须手动包含。同样的，所有的图像都在“资源”中，但只有背景图像被丑化并移动到根目录中。其余的都在dist根目录下新创建的“Assets”文件夹中。我不明白这个新问题，也许你可以添加一个模式和你的源代码……起初，我所有的图像都在“app”文件夹中的“images”文件夹中。当我构建应用程序时，只有我的背景图片被angular cli:重命名为“asdf43kmk”：ish并在构建过程中移动到“dist”的根。所有其他图像都被“跳过”，因此在构建的应用程序上只有一个图像。现在，当我更改应用程序以使所有图像都在资源中时，背景图片仍然重命名为“ADSDF453”并移动到“dist”的根目录下，其他所有图像都保留在资源文件夹中，并且它们保留原始文件名。
<img src="assets/mic_photo.png"/>