【Angular】Flatpickrが「Failed to read the ‘cssRules’ property from ‘CSSStyleSheet’」エラーを吐く問題の解決法

flatpickrがCORSエラーを吐く

Failed to read the ‘cssRules’ property from ‘CSSStyleSheet’: Cannot access rules

core.js:6014 ERROR DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
    at positionCalendar (http://localhost:4200/vendor.js:253436:39)
    at open (http://localhost:4200/vendor.js:253225:17)
    at HTMLInputElement. (http://localhost:4200/vendor.js:252202:36)
    at ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:3741:31)
    at Object.onInvokeTask (http://localhost:4200/vendor.js:99246:33)
    at ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:3740:60)
    at Zone.runTask (http://localhost:4200/polyfills.js:3518:47)
    at ZoneTask.invokeTask [as invoke] (http://localhost:4200/polyfills.js:3815:34)
    at invokeTask (http://localhost:4200/polyfills.js:4953:14)
    at HTMLInputElement.globalZoneAwareCallback (http://localhost:4200/polyfills.js:4979:17)

解決法

styles.scssに以下の1文を追加するだけ

@import 'flatpickr/dist/flatpickr.css'

参照：https://github.com/ankurk91/vue-flatpickr-component/issues/150