Less.js: ParseError :«DIV {너비 : 500px \ 9}»로 인식 할 수없는 입력

네, 이것은 # 284에서 언급되었습니다. 하지만 저는 이것이 버그로 간주되어야한다고 생각합니다.
500px\9 는 실제로 유효 하지 않은 값 ( "표준"브라우저의 경우 500px? 같으므로 무시 함)이있는 유효한 CSS 구문이므로 기술적으로 Less는 전달해야합니다.

@harobed 당신은 또한 출력 css가 아닌 부트 스트랩 내부에서 소스를 덜 가져와야합니다.

@lukeapage 에는 Less 소스가 아닌 컴파일 된 Bootstrap 파일을 가져 오려는 몇 가지 이유가 있습니다. 특히 현재로서는 네임 스페이스 / 접두사 (예 : .bs {<strong i="6">@import</strong> (less) 'bootstrap.css';} 래핑 된 부트 스트랩 클래스를 가져 오거나 동적으로 생성 된 특정 클래스를 확장하는 유일한 방법입니다 (Less 소스 내에서 확장 할 수 없기 때문에).
이러한 특정 경우에 대해 축소되지 않은 bootstrap.css 가져 오는 것은 동일하며 Less로 처리됩니다 ( width: 500px\9; 가 예상대로 컴파일되기 때문에). 그래서 나는 이것이 미적 문제와 더 비슷하다고 생각할 수 있다고 생각합니다.

충분히 공평 하게,
우리가 고쳐야한다는 데 동의하지 않습니다 ..

그러나 축소되지 않은 버전으로 구문 분석합니다.
한 가지 방법은 세미콜론없이 익명 값이 작동하도록하는 것입니다.

익명의 값으로 작동하도록 시도했지만 실패했습니다.

이거 ..

                var match = parserInput.$re(/^([^@+\/'"*`(;{}-]*)(;|(?=\}))/);
                if (match) {
                    return new(tree.Anonymous)(match[1].trim());
                }

그러나 공백 작동을 약간 변경합니다. 또한 아래를 얻었지만 작동하지 않았습니다.

                var match = parserInput.$re(/^(([^@+\/'"*`(;{}-\s]+|\s*?)+?)\s*(;|(?=\}))/);
                if (match && match[3]) {
                    return new(tree.Anonymous)(match[1]);
                }

미래의 구현 자에게 도움이되기를 바랍니다.

@lukeapage " @harobed 당신은 또한 출력 css가 아닌 부트 스트랩 내부의 소스를 덜 가져와야합니다"를 명확히 하시겠습니까? Less를 처음 사용하고 내가 만드는 WordPress Bootstrap 테마에서 \ 9와 동일한 문제가 있습니다. 이것이 해결 방법입니까?

@harobed Bootstrap Less 소스에는 \9; 또는 이스케이프 된 ~'\9' 있으며 이러한 명령문은 컴파일러에 의해 잘 컴파일됩니다. 따라서 실제로 컴파일하려는 내용과 방법에 따라 다릅니다.

내가 참조. 내 테마 개발 폴더에는 src와 public의 두 자식이 있습니다. Bootstrap은 src / less / bootstrap에 있으며 src / less의 사용자 지정 Less 파일이 있습니다. 내 테마 dev 폴더에서 lessc src / less / style.less public / style.css로 컴파일합니다.

이것은 최근까지 잘 작동했습니다. clean-css를 설치 한 다음 제거했습니다. 그런 다음 컴파일이 \ 9에 오류를 던지기 시작했습니다. 나는 npm 사람들과 함께 일했으며 깨끗한 제거가 된 것으로 보이므로 문제가되지 않아야합니다.

모든 아이디어를 주시면 감사하겠습니다.

안녕하세요.

그런 다음 컴파일이 \ 9에 오류를 던지기 시작했습니다.

오류 메시지와이 메시지가 가리키는 해당 줄은 일반적으로 유용합니다.

예, 물론입니다. 생략을 용서하십시오.

가장 최근의 style.less를 복원하고 컴파일이 다시 작동합니다.

시간 내 주셔서 감사합니다, @ seven-phases-max.

지금
DIV { left: 500px\9 }
괜찮지 만
DIV { left: -500px\9 }
여전히 실패

https://github.com/less/less.js/issues/1538 은 더 적은 참조로 bootstrap4 css를 가져 오는 동안 저에게 문제였습니다 (bootstrap4는 더 이상 dist가 아닙니다).

<strong i="7">@import</strong> (less, reference) "~bootstrap/dist/css/bootstrap.css";

 @ /node_modules/bootstrap/dist/css/bootstrap.css (line 4475, column 31)
 near lines:

   <strong i="10">@media</strong> screen and (min-width: 0\0) {
     .progress {

이것은 정말 버그처럼 보입니다. @ seven-phases-max @lukeapage ? 감사!