Jhipster4，Angular2：如何在html中包含静态图像

你能帮我在html模板中包含静态图像吗

我使用jhipster生成器（选择Angular 2）生成了这个项目，现在我尝试在组件的html模板中包含静态图像（例如，将NavbarComponent包含到navbar.component.html中）。我将标记图像插入到navbar.component.html中

<img src="url" />

我的图像被放入webapp/content/images/staticimage.jpg（该文件夹也包含logo-hipster.png）。我必须在img标签中放置什么来代替url才能看到我的图像

---

另外，生成的项目的初始结构没有更改。

此问题与generator Jhipster的版本有关（我的案例版本为4.0.8），其中未正确设置网页包配置

升级发电机jhipster（它是4.3.0）后，问题就消失了。 据我所知，如果您在webpack.common.js下一条规则中进行更改，这个问题也可能会得到解决

{
   test: /\.html$/,
   loader: 'raw-loader',
   exclude: ['./src/main/webapp/index.html']
},

生成项目的新版本为我带来了下一个：

{
  test: /\.html$/,
  loader: 'html-loader',
  options: {
       minimize: true,
       caseSensitive: true,
       removeAttributeQuotes:false,
       minifyJS:false,
       minifyCSS:false
   },
   exclude: ['./src/main/webapp/index.html']
},

此外，您还必须检查package.json的devdependences中是否有“html加载程序”

---

现在标签

工作正常。

您使用的是哪个版本？有一个解决办法：是的，你的假设是正确的。我的项目是由4.0.8版本的生成器JHIPSTER生成的，在该版本中，没有为我的案例正确设置网页包。非常感谢你。