خطأ في الملحق prettier في تشغيل مشروع Vue js

في الواقع هذا الخطأ يحصل بسبب ال Extentions الخاص prettier فانه يتعامل مع بعض الخطوط الفارغة كانها مشكلة.

جرب هذا الأمر في الطرفية واعد تشغيل الخادم وأخبرني ان لم تنحل المشكلة.

npm run lint -- --fix

ستتكرر تلك المشكلة بسبب أنّ مكتبة Eslint تعتمد على مكتبة prettier في اكتشاف الأخطاء الخاصة بتنسيق الكود في ملفات جافاسكريبت، وفي حال وجود أسطر فارغة يحدث ذلك الخطأ.

وستحتاج إلى تنفيذ الأمر التالي بشكل متكرر:

npm run lint -- --fix

الأسهل إنشاء ملف إعدادات لـ prettier باسم 

.prettierrc

ووضع التالي به:

{
    "endOfLine": "auto"
  }

ثم إنشاء ملف إعدادات لـ Eslint باسم

 .eslintrc.js

ووضع التالي به:

module.exports = {
    rules: {
      'prettier/prettier': [
        'error',
        {
          endOfLine: 'auto',
        },
      ],
    },
  };