No icon rendered

I tried this loader yesterday, and I can’t figure out how to load icons, I’m working on an angular 2 app so I created a component that does more or less the same job as the react-one in the examples (see code below) but it does not display any icon.

from the README.md:

By default sprite renders when DOMContentLoaded event fires and injects as first child in document.body

• I don’t see neither anything added to the body after page load (even before angular’s bootstrap) nor a single reference to a sprite.js script in the list of sources in Chrome.
• I don’t have any output at compile or run time, it just does not render…
• I removed my <base> tag

Here is my code :

import { Component, Input, OnInit, ElementRef} from '@angular/core';
var Glyphs = {};
var req = require.context("./icons", false, /\.svg$/);
req.keys().forEach(function(file: string) {
  var id = req(file);
  var name = /^\.\/(.*)\.svg$/.exec(file)[1];
  if (name) {
    Glyphs[name] = id;
  }
});

@Component({
  selector: 'lnk-icon',
  template: "",
  directives: [],
  providers: [],
  pipes: []
})
export class IconComponent implements OnInit {

  @Input("glyph")
  private glyph: string;

  constructor(private element: ElementRef) {
  }

  ngOnInit() {
    var svgns = "http://www.w3.org/2000/svg";
    var xlinkns = "http://www.w3.org/1999/xlink";
    var svg = document.createElementNS(svgns, "svg");
    var use = document.createElementNS(svgns, "use");
    use.setAttributeNS(xlinkns,"href",Glyphs[this.glyph]);
    svg.appendChild(use);
    this.element.nativeElement.appendChild(svg);
  }

}

and my webpack config:

//stuff
  module: {
     loaders:[{
      test: /\.svg$/,
      loader: "svg-sprite"
    }]
  },
//more stuff

Note that I first tried using Angular’s template syntax but didn’t work neither…

[kisenka]

@n00dl3 just remove svg from this line https://github.com/n00dl3/test_svg_sprite/blob/master/config/webpack.common.js#L28 😃 You override sprite-loader setup with file-loader.

[cartogram]

@n00dl3 Don’t feel so bad, I just did the exact same thing! Lucky for me I found this thread