Question

我是angularJS的新手，并使用angular2创建应用。运行应用程序时出现以下错误：

这是我的档案：

<ul class="social-links">
  <li>
    <a [href]="facebook" target="_blank">
      <svg width="12" height="26">
        <use xlink:href="../../../assets/images/sprite.svg#facebook"></use>
      </svg>
    </a>
  </li>
  <li>
    <a [href]="twitter" target="_blank">
      <svg width="20" height="17">
        <use xlink:href="../../../assets/images/sprite.svg#twitter"></use>
      </svg>
    </a>
  </li>
  <li>
    <a [href]="likedIn" target="_blank">
      <svg width="20" height="20">
        <use xlink:href="../../../assets/images/sprite.svg#linkedin"></use>
      </svg>
    </a>
  </li>
</ul>

意外的结束标记“：svg：use”。它可能发生在标签有的时候已被另一个标签关闭。有关详情，请参阅 https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags（“电子书目标= _blank＆gt; [错误 - ＆gt;]

Answer 1

此错误是由HTML最小化导致的。在这种情况下，您可以自行关闭<use xlink:href="images/sprite.svg#icon"/>，但是编译器很可能会接下去处理另一个“意外关闭标签”问题。要解决设置最小化为false。此处更多信息：https://webpack.js.org/loaders/html-loader

module: {
  rules: [{
    test: /\.html$/,
    use: [ {
      loader: 'html-loader',
      options: {
        minimize: false
      }
    }],
  }]
}

意外的结束标记“：svg：use”

1 个答案: