_input.charCodeAt is not a function

When the website attempts to load the inspector shows the following error: Uncaught TypeError: this._input.charCodeAt is not a function

Here is my webpack config loader statement:

        {test: /\.pug$/, loader: 'pug-loader'},

I am new to webpack, so it may very well be me. I was able to get pug-html-loader working, but would rather stick with the folks that created pug. If it is of any importance, I am using this in an Angular2 app.

[fklingler]

Unlike pug-html-loader, the require('file.pug') method does not return a string of the html.

It returns a template function (as indicated, maybe not clearly enough, in the README). This function takes a “locals” object as parameter, so you can pass it variables that are handled in the pug template. Since Angular2 components already handle these variables, you don’t have to pass any object, but you still have to call the template function to get the html string, hence the require('file.pug')() syntax.

To have consistency with other loaders, I think it would be great to have an option the loader query to get the string directly instead of the template function.

[fklingler]

You have to use this syntax:

@Component({
    template: require('./home.component.jade')()
})