Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Css Minimizer error Unclosed comment when using `/deep/`

See original GitHub issue

🐞 Bug report

Command (mark with an `x`)

build

Is this a regression?

Yes, the previous version in which this bug was not present was: 12.0.0

Description

Angular cli fails to build project

🔬 Minimal Reproduction

:host .header-select /deep/ * {
    cursor: pointer;
}

🔥 Exception or Error


header.component.css from Css Minimizer
Error: Unclosed comment
    at C:/Users/admin/Documents/Projects/ClientApp/src/app/main/header/header.component.css:114:1
    at Object.error (C:\Users\admin\Documents\Projects\ClientApp\node_modules\postcss-selector-parser\dist\parser.js:174:16)
    at unclosed (C:\Users\admin\Documents\Projects\ClientApp\node_modules\postcss-selector-parser\dist\tokenize.js:110:19)
    at tokenize (C:\Users\admin\Documents\Projects\ClientApp\node_modules\postcss-selector-parser\dist\tokenize.js:216:13)
    at new Parser (C:\Users\admin\Documents\Projects\ClientApp\node_modules\postcss-selector-parser\dist\parser.js:144:44)
    at Processor._root (C:\Users\admin\Documents\Projects\ClientApp\node_modules\postcss-selector-parser\dist\processor.js:53:18)
    at Processor._runSync (C:\Users\admin\Documents\Projects\ClientApp\node_modules\postcss-selector-parser\dist\processor.js:100:21)
    at Processor.processSync (C:\Users\admin\Documents\Projects\ClientApp\node_modules\postcss-selector-parser\dist\processor.js:197:23)
    at parseSelectors (C:\Users\admin\Documents\Projects\ClientApp\node_modules\css-minimizer-webpack-plugin\node_modules\postcss-unique-selectors\dist\index.js:17:56)
    at C:\Users\admin\Documents\Projects\ClientApp\node_modules\css-minimizer-webpack-plugin\node_modules\postcss-unique-selectors\dist\index.js:33:26
    at C:\Users\admin\Documents\Projects\ClientApp\node_modules\css-minimizer-webpack-plugin\node_modules\postcss\lib\container.js:115:18

🌍 Your Environment


Angular CLI: 12.0.1
Node: 14.17.0
Package Manager: yarn 1.22.5
OS: win32 x64

Angular: 12.0.1
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, language-service, material, platform-browser
... platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1200.1
@angular-devkit/build-angular   12.0.1
@angular-devkit/core            12.0.1
@angular-devkit/schematics      12.0.1
@schematics/angular             12.0.1
rxjs                            6.6.7
typescript                      4.2.4

Anything else relevant?

Issue Analytics

State:
Created 2 years ago
Comments:11 (7 by maintainers)

Top GitHub Comments

1reaction

kemskycommented, May 20, 2021

@petebacondarwin, @alan-agius4, I’ve already migrated to ::ng-deep and can confirm that it works.

0reactions

angular-automatic-lock-bot[bot]commented, Jun 21, 2021

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Top Results From Across the Web

from Css Minimizer, Transform failer with 1 error, Invalid version

I have just found this issue after I update my project from Angular 11 to 12 and run it with the comman ng...

"Unclosed comment" Twig error when including CSS file

Anyone had an "unclosed comment" Twig error from the rendering of a CSS file before? It's happening because I've got a media query...

Analyzing JavaScript Problems | Tizen Docs

The analysis detects this and stops with an error message. In the following example, the comment has no closing comment, and the for...

@swc/core | Yarn - Package Manager

SWC (stands for Speedy Web Compiler ) is a super-fast TypeScript / JavaScript compiler written in Rust. It's a library for Rust and...

HTML Standard

1.7.1 Serializability of script execution; 1.7.2 Compliance with other specifications; 1.7.3 Extensibility. 1.8 HTML vs XML syntax; 1.9 Structure of this ...