包升级后，图像相对路径停止工作

Question

我有一个angular2应用程序，使用angular-cli（v 1.0.0），webpack2构建。

在组件内部，我可以引用图像：

<div class="country-flag">
  <img [src]="src/assets/flags/32/jp.png" [width]="flagIconSize" [height]="flagIconSize" />
</div>    

图像存储在默认资源文件夹中：

Root
 |--src
     |--app
     |--assets
         |--flags
              |--32
                 |-- ...png

并在.angular-cli.json文件中注册：

 "apps": [
{
  "root": "src",
  "outDir": "dist",
  "assets": [
    "assets",
    "favicon.ico"
  ]

图像显示没有任何问题。但是今天我将软件包更新到最新版本：

• angular 4.1.2
• angular-cli 1.0.3

从现在开始，我为assets文件夹中的每个图片获得404，即使路径看起来正确：

GET http://localhost:4200/src/assets/flags/32/jp.png 404 (Not Found)

有关路径解析的最新版本有什么变化吗？

Answer 1

正确的路径没有src

http://localhost:4200/assets/flags/32/jp.png