Angular build failed

[thusharalk]

ERROR in ./node_modules/swagger-ui-dist/swagger-ui.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleError: Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: webpack://swagger-ui/src/style/_models.scss:130:12: Can't resolve '%22data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=/%22http://www.w3.org/2000/svg/%22%20viewBox=/%220%200%2020%2020/%22%3E%3Cpath%20d=/%22M13.418%207.859a.695.695%200%200%201%20.978%200%20.68.68%200%200%201%200%20.969l-3.908%203.83a.697.697%200%200%201-.979%200l-3.908-3.83a.68.68%200%200%201%200-.969.695.695%200%200%201%20.978%200L10%2011l3.418-3.141z/%22/%3E%3C/svg%3E%22' in 'D:\atsuke-marketplace-app\node_modules\swagger-ui-dist'

[nspire909]

I am seeing basically the same thing in my repo. Comparing the swagger-ui.css in swagger-ui-dist from version 4.12.0 to 4.13.0, you can see that the quotes around the string argument to url() have changed from single quotes to double quotes. I am guessing this is due to chore(deps-dev): bump css-loader from 5.2.7 to 6.7.1.

The angular builder uses postcss-loader to parse the swagger-ui.css and apparently doesn't like the double quote syntax (or possibly the escaped double quotes inside the string) for url() arguments.

[nspire909]

I created an issue with postcss-loader: webpack-contrib/postcss-loader#595

Here is a repo to recrate:
https://github.com/nspire909/swagger-test

Run yarn to install deps. It should work fine with npm install too.

yarn build (or ng build) to build with swagger-ui.css v4.13.0 => fails
yarn build -c legacy or ( ng build -c legacy) to build with swagger-ui.css v4.12.0 => succeeds

If you try to yarn build again it will succeed. This is an issue with the angular cli cache. Please delete the angular cache with rm -rf .angular between each build to insure that it does a full build each time.

[thusharalk]

I created an issue with postcss-loader: webpack-contrib/postcss-loader#595

Here is a repo to recrate: https://github.com/nspire909/swagger-test

Run yarn to install deps. It should work fine with npm install too.

yarn build (or ng build) to build with swagger-ui.css v4.13.0 => fails yarn build -c legacy or ( ng build -c legacy) to build with swagger-ui.css v4.12.0 => succeeds

If you try to yarn build again it will succeed. This is an issue with the angular cli cache. Please delete the angular cache with rm -rf .angular between each build to insure that it does a full build each time.

Thanks for update, with v4.12.0 it worked well. will wait till update from developers.

[michael-prewitt-ridge]

I am also experiencing this issue with React and Webpack. I tried upgrading to 5.7.2 and the issue still persisted 😢