Less.js: ParseError: Нераспознанный ввод с «DIV {width: 500px \ 9}»

Да, это было упомянуто в № 284. Но я думаю, что это следует рассматривать как ошибку, поскольку
500px\9 на самом деле является допустимым синтаксисом CSS с недопустимым значением (для "стандартных" браузеров он равен 500px? поэтому они просто игнорируют его), поэтому технически Less должен его передать.

@harobed, вы также должны импортировать источник меньше внутри bootstrap, а не выходной css

@lukeapage есть несколько причин, по которым вы можете захотеть импортировать скомпилированные файлы Bootstrap, а не его источники Less. В частности, на данный момент это единственный способ получить классы начальной загрузки, обернутые пространством имен / префиксом (например, .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, и у меня такая же проблема с \ 9 в теме WordPress Bootstrap, которую я создаю. Это обходной путь?

@harobed Bootstrap Меньше источников содержат только \9; или экранированные ~'\9' и эти операторы компилируются компилятором просто отлично ... Так что это исключительно зависит от того, что и как вы на самом деле пытаетесь скомпилировать.

Я понимаю. В моей папке разработки темы есть два дочерних объекта: src и public. Bootstrap находится в src / less / bootstrap с моими пользовательскими файлами Less в src / less. Из папки разработки темы я компилирую с помощью lessc src / less / style.less public / style.css

До недавнего времени это работало нормально. Я установил clean-css, а затем удалил его. Затем компиляция начала выдавать ошибку на \ 9. Я работал с людьми из npm, и, похоже, у меня чистая деинсталляция, так что это не должно быть проблемой.

Любые идеи были бы хорошы.

@likethegoddess

Затем компиляция начала выдавать ошибку на \ 9.

Сообщение об ошибке и соответствующие строки, на которые оно указывает, обычно полезны.

Да, конечно. Простите за упущение.

Я восстановил свой последний style.less, и компиляция снова работает.

Спасибо за ваше время, @ seven-phase-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- phase -max