Doesn't work with raw-loader v2.0.0

A few days ago, raw-loader v2.0.0 was published. This release changed to use ES Module exports instead of CommonJS exports (webpack-contrib/raw-loader#69). I believe this has caused angular2-template-loader to no longer work.

Everything compiles fine, but when you run the Angular application, you get the error:

Error: Expected 'styles' to be an array of strings.

I think this is because this loader is using require(...), but that’s now returning an object with a default property that contains a string, rather than just returning a string. I haven’t confirmed that though. I wanted to submit this issue while it was still fresh in my mind. When I get some time later on, I’ll create a simple repro and investigate a bit further.

Current Workarounds:

• Downgrade raw-loader to 1.0.0.

[cornflourblue]

This has been bugging me for a while, up until now I’ve been keeping raw-loader at version 1.0.0 as a workaround, but just found that you can also fix the problem by using html-loader instead of raw-loader. I updated my Angular 8 project and it seems to be working fine, here’s the commit with the change - https://github.com/cornflourblue/angular-8-registration-login-example/commit/55437d97f6915f3c2a60eb85a455de8bd34d35ff

[reduckted]

Repro is here: https://github.com/reduckted/repro-angular2-template-loader-86 And also as a zip file: repro-angular2-template-loader-86.zip

npm i
npm run start

That will compile the application, start the web server and open the URL in a browser. Open the developer console and you’ll see the error.

The result of require('./src/app.component.css') is also printed to the console. As I expected, it’s an object, rather than the expected string:

Module
default: ":host {
↵    color: lightseagreen;
↵}"
Symbol(Symbol.toStringTag): "Module"
__esModule: true
__proto__: Object