I am getting these webpack errors while trying to add custom button using buttonView class in...

Error:

./node_modules/@ckeditor/ckeditor5-ui/theme/components/button/button.css:6:0 - Error: Module parse failed: Unexpected character '@' (6:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | */ |

@import "../../mixins/_unselectable.css"; | @import "../../mixins/_dir.css"; |
​

./node_modules/@ckeditor/ckeditor5-ui/theme/components/icon/icon.css:6:0 - Error: Module parse failed: Unexpected token (6:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | */ |

.ck.ck-icon { | vertical-align: middle; | }
​

./node_modules/@ckeditor/ckeditor5-ui/theme/globals/globals.css:6:0 - Error: Module parse failed: Unexpected character '@' (6:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | */ |

@import "./_hidden.css"; | @import "./_zindex.css"; | @import "./_transition.css";
​

** Angular Live Development Server is listening on localhost:35881, open your browser on http://localhost:35881/ **

✖ Failed to compile.

Continue reading...