neal mcguire Posts - Answer Overflow

neal mcguire

•Created by neal mcguire on 8/14/2023 in #front-end

Compile error with Angular, LESS, VS Code and @media range syntax

I am trying to experiment with the the @media range syntax, but I keep having an error when compiling. The error is:

@media screen and (width > 100px) {
                       ^
Missing closing ')'

@media screen and (width > 100px) {
                       ^
Missing closing ')'

The related file is app.component.less

@media screen and (width > 100px) {
 .test {width: 100px;}
}

@media screen and (width > 100px) {
 .test {width: 100px;}
}

I have already done multiple Google searches and even tried AI chat for potential causes of this error. I have come up blank. Has anyone experienced this issues and do you have a solution? Version information: LESS-> 4.2.0 Angular CLI -> 16.0.6

1 replies

Gaming

Programming