رفع خطای the Next.js plugin was not detected in your Eslint configuration

ممکن است هنگام راه اندازی پروژه Next.js و اجرای کدها در Terminal با این خطا مواجه شوید. خطای مذکور نشان دهنده عدم نصب پلاگین های مورد نیاز و پیکربندی صحیح می باشد.

در این آموزش نحوه بررسی و رفع مشکل توضیح داده خواهد شد.

1- لطفا پس از ورود به سی پنل، از بخش "Software" منوی "Setup Node.js App" را انتخاب نمایید.

تصویر(1)

2- روبروی نام دامنه تان گزینه مداد را انتخاب کنید.

تصویر(2)

3- در صفحه جدید با کلیک روی بخش مشخص شده در (تصویر3) عبارت کپی خواهد شد.

تصویر(3)

لازم به ذکر است در این صفحه می توانید مسیر پروژه تان را در "Application root" مشاهده نمایید.

تصویر(4)

4- سپس به صفحه اول سی پنل بازگردید و وارد منو "Terminal" از بخش "Advanced" شوید.

تصویر(5)

5- عبارت کپی شده در مرحله 3 را در Terminal اجرا نمایید.

تصویر(6)

6- پس از ورود به محیط مجازی پروژه تان، کد زیر را نیز در Terminal اجرا کنید.

npm install eslint-config-next --save-dev

7- در صفحه اول سی پنل وارد File Manager شوید و به مسیر اصلی پروژه تان بروید.

8- در این مرحله می بایست فایل پیکربندی ESLint (مانند eslintrc.js. یا eslintrc.json.) را بررسی و اصلاح نمایید.

تصویر(7)

در صورت عدم مشاهده فایل ها، می بایست نمایش گزینه های مخفی در سی پنل را با استفاده از آموزش زیر فعال نمایید.

نمایش فایل های مخفی در سی پنل

9- روی فایل eslintrc.js. یا eslintrc.json. راست کلیک نمایید و گزینه "Edit" را انتخاب کنید.

تصویر(8)

10- بررسی این فایل ها و کد آنها می بایست توسط شما انجام گردد و براساس نیاز پروژه تان اصلاح شود.

نمونه کدهای پیش فرض برای فایل eslintrc.json.:

{

"extends": [

"eslint:recommended",

"plugin:@next/next/recommended",

"next/core-web-vitals"

]

}

یا کد پیش فرض زیر:

{

"extends": ["next/core-web-vitals"]

}

نمونه کدهای پیش فرض برای فایل eslintrc.js.:

module.exports = {

extends: ['next/core-web-vitals'],

};

11- پس از انجام موارد فوق باید نتیجه را بررسی نمایید. در صورت عدم رفع خطا می توانید یک بار دیگر پکیج های مورد نیاز پروژه را حذف و مجدد نصب کنید.

12- برای حذف فایل node_modules، لطفا وارد Terminal شوید و عبارت کپی شده در مرحله 3 را در محیط مجازی پروژه وارد نمایید. سپس کد های زیر را اجرا کنید.

rm node_modules

rm package-lock.json

13- پس از اجرای کدهای فوق می بایست مجدد پکیج ها نصب گردند. جهت نصب، کد زیر را در Terminal اجرا نمایید.

npm install

مرکز آموزش میهن وب هاست