I am working with Vaadin 14. I am having an issue with an addon. How do I solve this loader issue since the Vaadin framework is the one that takes care of the webpack in the application.
2021-05-29 03:35:13.750 ERROR 9096 --- [ webpack] dev-webpack :
ERROR in ../node_modules/@lrnwebcomponents/simple-icon/lib/simple-icons.js 18:26
2021-05-29 03:35:13.750 ERROR 9096 --- [ webpack] dev-webpack : Module parse failed: Unexpected token (18:26)
2021-05-29 03:35:13.750 ERROR 9096 --- [ webpack] dev-webpack : 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
2021-05-29 03:35:13.750 ERROR 9096 --- [ webpack] dev-webpack : | SimpleIconsetStore.registerIconset(
2021-05-29 03:35:13.751 ERROR 9096 --- [ webpack] dev-webpack : | i,
2021-05-29 03:35:13.751 ERROR 9096 --- [ webpack] dev-webpack : > `${pathResolver(import.meta.url)}svgs/${i}/`
2021-05-29 03:35:13.751 ERROR 9096 --- [ webpack] dev-webpack : | );
2021-05-29 03:35:13.751 ERROR 9096 --- [ webpack] dev-webpack : | });
2021-05-29 03:35:13.751 ERROR 9096 --- [ webpack] dev-webpack : @ ../target/frontend/generated-flow-imports.js 56:0-59
2021-05-29 03:35:13.751 INFO 9096 --- [ task-2] dev-webpack : Started webpack-dev-server. Time: 5471ms
It comes from webpack where it seems to be an open issue. The causes of that issue was identified and recently added to the proposals of the new release for webpack. It could arrive somewhere in 2022 as stated here Class Fields (Private instance methods and accessors
You could either get rid of that addon that fails with webpack or try some of the quick-fixes suggested like this one here