Issue while using dynamic template like './abc.component.html!text'

[ravituvar]

We are gettting Cannot find module './abc.component.html' when used in following fashion..

import template from './abc.component.html!text';
@component({
selector: 'abc-comp',
template: template
})

Note: We have a custom bundling that includes above syntax to include html in a bundled code.. Also we have a dependency of SystemJs in our project.

Any idea on this error?

[thw0rted]

The module specifier you used (./abc.component.html!text) was never a "real" specifier, that's a syntax specific to Webpack's loader chain. You may have to wire up your custom bundler to the build process using a custom Transform. (Wouldn't it be simpler to just use @Component({template: "./abc.component.html"}) and reconfigure your bundler's loader rules instead?)