styleUrls and styles in QuillEditorComponent

[manofearth]

QuillEditorComponent has both styleUrls and styles in settings:

@Component({
...
  styleUrls: [
    './quillEditor.component.css'
  ],
  styles: [
    require('quill/dist/quill.core.css'),
    require('quill/dist/quill.snow.css'),
    require('quill/dist/quill.bubble.css')
  ],
...
})

It is the problem when I use @angular/cli, cause it compile in:

QuillEditorComponent = QuillEditorComponent_1 = __decorate([
    core_1.Component({
        selector: 'quill-editor',
        template: "<div class=\"quill-editor\"></div>",
        styles: [__webpack_require__(557)],
        styles: [
            __webpack_require__(559),
            __webpack_require__(560),
            __webpack_require__(558)
        ],
        providers: [{
                provide: forms_1.NG_VALUE_ACCESSOR,
                useExisting: core_1.forwardRef(function () { return QuillEditorComponent_1; }),
                multi: true
            }],
        encapsulation: core_1.ViewEncapsulation.None
    }),
    __metadata("design:paramtypes", [typeof (_e = typeof core_1.ElementRef !== "undefined" && core_1.ElementRef) === "function" && _e || Object])
], QuillEditorComponent);
exports.QuillEditorComponent = QuillEditorComponent;

So, styleUrls become styles somehow and it is the problem. Is it possible to use styleUrls or styles setting, but not both of them?

[manofearth]

This is not an issue now: https://github.com/surmon-china/ngx-quill-editor/blob/master/quillEditor.component.ts#L20

I had to use yarn add ngx-quill-editor instead of yarn add ng2-quill-editor