Less.js: ParseError: إدخال غير معروف في «DIV {width: 500px \ 9}»

نعم ، هذا مذكور في # 284. لكن أعتقد أن هذا يجب اعتباره خطأ منذ ذلك الحين
500px\9 هو في الواقع بنية CSS صالحة مع قيمة غير صالحة فقط (بالنسبة للمتصفحات "القياسية" ، تساوي 500px? ومن ثم يتجاهلونها ببساطة) لذا من الناحية الفنية يجب أن يمر Less.

harobed ، يجب أيضًا أن تقوم باستيراد المصدر أقل من bootstrap ، وليس الناتج css

lukeapage ، هناك عدة أسباب قد تجعل المرء يرغب في استيراد ملفات Bootstrap المجمعة وليس مصادرها الأقل. على وجه الخصوص في الوقت الحالي ، هذه هي الطريقة الوحيدة لتغليف فئات التمهيد بمساحة الاسم / البادئة (على سبيل المثال .bs {<strong i="6">@import</strong> (less) 'bootstrap.css';} أو تمديد فئات معينة تم إنشاؤها ديناميكيًا (حيث لا يمكن توسيعها ضمن مصادر أقل).
على الرغم من أنه في هذه الحالات المعينة ، فإن استيراد bootstrap.css غير المصغر سيكون مساويًا وستتم معالجته بواسطة Less فقط (نظرًا لأن width: 500px\9; تجميعه كما هو متوقع). لذلك أعتقد أن هذا يمكن اعتباره أشبه بمسألة جمالية.

عادل بما فيه الكفاية ، harobed قد يكون لديه سبب وجيه للقيام بذلك.
انا لا اوافق يجب ان نصلحه ..

ومع ذلك ، فإنه يحلل مع الإصدار غير المصغر ...
إحدى الطرق للتغلب على هذا هو جعل القيمة المجهولة تعمل بدون فاصلة منقوطة.

حاولت وفشلت في الحصول على هذا العمل بقيمة مجهولة.

كان لدي هذا ..

                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 أنه يجب أيضًا استيراد المصدر بشكل أقل داخل bootstrap ، وليس إخراج css"؟ أنا جديد على Less وأواجه نفس المشكلة مع \ 9 في قالب WordPress Bootstrap الذي أقوم ببنائه. هل هذا حل بديل؟

harobed Bootstrap مصادر أقل لديها \9; أو هربت من ~'\9' ويتم تجميع هذه العبارات من قبل المترجم على ما يرام ... لذلك يعتمد الأمر فقط على ما وكيف تحاول بالفعل تجميعه.

أنا أرى. يحتوي مجلد ديف النسق الخاص بي على طفلين ، وهما src والعامة. Bootstrap موجود في src / less / bootstrap مع ملفاتي الأقل المخصصة في src / less. من مجلد ديف النسق الخاص بي ، أقوم بالتجميع باستخدام lessc src / less / style.less public / style.css

هذا يعمل بشكل جيد حتى وقت قريب. لقد قمت بتثبيت clean-css ، ثم أزلت التثبيت. ثم بدأ التجميع برمي الخطأ في \ 9. لقد عملت مع الأشخاص npm ويبدو أن لدي عملية إلغاء تثبيت نظيفة ، لذلك لا ينبغي أن تكون هذه هي المشكلة.

سيكون موضع تقدير أي أفكار.

تضمين التغريدة

ثم بدأ التجميع برمي الخطأ في \ 9.

عادةً ما تكون رسالة الخطأ والأسطر المقابلة التي تشير إليها مفيدة.

نعم طبعا. عذرًا عن الإغفال.

لقد استعدت أحدث أسلوبي .less وعمل التجميع مرة أخرى.

شكرا لك على وقتك ، @ Seven -hase-max.

الآن
DIV { left: 500px\9 }
على ما يرام ، ولكن
DIV { left: -500px\9 }
لا يزال فشل

كان https://github.com/less/less.js/issues/1538 مشكلة بالنسبة لي أثناء استيراد bootstrap4 css كمرجع أقل (لم يعد bootstrap4 أقل توزيعًا).

<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 {

يبدو هذا حقًا وكأنه خطأ ، أي تقدير متى يمكن أن يحصل هذا على إصلاح @ سبع مراحل - ماكس lukeapage ؟ شكرا!