Next/Babel error

Answered

.dric posted this in #help-forum

2024-04-27T01:15:21.286Z

Hello.

I keep getting this next/babel error from .eslintrc.json and I honestly don't know why. I've tried playing around with the file to fix the error.
#1. Changed the extends
#2. Put babel in the plugins object

NOTE: I'm using Vercel to host my website.

Here is the error I'm getting:

ESLint: Failed to load config "next/babel" to extend from. Referenced from: /vercel/path0/nexus/.eslintrc.json
   Collecting page data ...
   Generating static pages (0/33) ...
   Generating static pages (8/33) 
   Generating static pages (16/33) 
   Generating static pages (24/33)

The website is still able to get deployed, but I want to fix this error so it doesn't randomly come up later in production.

Here is my .eslintrc.json file:

{
  "extends": ["next/core-web-vitals", "next/babel"],
  "plugins": ["@babel/plugin-proposal-do-expressions"],
  "rules": {
    "react/no-unescaped-entities": "off",
    "@next/next/no-page-custom-font": "off"
  }
}

If you can help me, that would be great. Thanks!

Answered by !=tgt

fix the eslint errors

View full answer

15 Replies

@.dric Hello. I keep getting this next/babel error from .eslintrc.json and I honestly don't know why. I've tried playing around with the file to fix the error. #1. Changed the extends #2. Put babel in the plugins object **NOTE**: I'm using Vercel to host my website. Here is the error I'm getting: ESLint: Failed to load config "next/babel" to extend from. Referenced from: /vercel/path0/nexus/.eslintrc.json Collecting page data ... Generating static pages (0/33) ... Generating static pages (8/33) Generating static pages (16/33) Generating static pages (24/33) The website is still able to get deployed, but I want to fix this error so it doesn't randomly come up later in production. Here is my `.eslintrc.json` file: json { "extends": ["next/core-web-vitals", "next/babel"], "plugins": ["@babel/plugin-proposal-do-expressions"], "rules": { "react/no-unescaped-entities": "off", "@next/next/no-page-custom-font": "off" } } If you can help me, that would be great. Thanks!

!=tgt

2024-04-27T02:17:43.122Z

remove the "next/babel" entry from the extends array

@!=tgt remove the `"next/babel"` entry from the `extends` array

.dricOP

2024-04-27T05:10:17.746Z

okay, so after removing that I got this error:

⨯ ESLint: Failed to load plugin '@babel/plugin-proposal-do-expressions' declared in '.eslintrc.json': Cannot find module '@babel/eslint-plugin-plugin-proposal-do-expressions' Require stack: - /vercel/path0/nexus/__placeholder__.js
   Collecting page data ...
   Generating static pages (0/33) ...
   Generating static pages (8/33) 
   Generating static pages (16/33) 
   Generating static pages (24/33)

@.dric okay, so after removing that I got this error: json ⨯ ESLint: Failed to load plugin '@babel/plugin-proposal-do-expressions' declared in '.eslintrc.json': Cannot find module '@babel/eslint-plugin-plugin-proposal-do-expressions' Require stack: - /vercel/path0/nexus/__placeholder__.js Collecting page data ... Generating static pages (0/33) ... Generating static pages (8/33) Generating static pages (16/33) Generating static pages (24/33)

!=tgt

2024-04-27T12:57:05.023Z

now remove the entry from the plugins array

@!=tgt now remove the entry from the plugins array

.dricOP

2024-04-27T14:14:56.722Z

That made the file unable to compile in deployment

💀

@.dric That made the file unable to compile in deployment

!=tgt

2024-04-27T14:15:56.998Z

{
  "extends": ["next/core-web-vitals"],
  "rules": {
    "react/no-unescaped-entities": "off",
    "@next/next/no-page-custom-font": "off"
  }
}

use that

.dricOP

2024-04-27T14:16:54.771Z

that's what i have rn

@!=tgt

@.dric Click to see attachment

!=tgt

2024-04-27T14:18:54.474Z

fix the eslint errors

Answer

!=tgt

2024-04-27T14:18:55.385Z

@!=tgt fix the eslint errors

.dricOP

2024-04-27T14:27:14.949Z

ahh it worked

after fixing the eslint errors

thank you 🙏

@.dric ahh it worked

!=tgt

2024-04-27T14:33:51.355Z

mark my answer as solution