Udemyのオススメ講座はこちら 詳細を見てみる

【Next.js】Parsing error: Cannot find module ‘next/babel’の解決方法

  • URLをコピーしました!

フルリモート&フルフレックスのIT企業でプロダクトマネージャー(PdM)をしているゆーたろー(@shimotaroo)です。

業務外では本ブログの運営の他にもITスタートアップで開発の副業したり、フォロワー1万人超えのグルメインスタをしたり、Twitterで情報発信したり、ノーコード・ローコードを触ったり、色々しています。

目次

概要

以下の記事でNext.jsにESlint(JSのコードが正しいか検証してくれるツール)を導入した時に

Parsing error: Cannot find module ‘next/babel’

が出たので解決方法を残しておきます。

Next.js (TypeScript) に ESLint と Prettier を導入し、コードを綺麗に保とう

上記エラー出力が確認できたのは以下のファイルです。(Tailwind CSSを導入済み)

  • next.config.js
  • tailwind.config.js
  • postcss.config.js

上の画像のようにmoduleに波線が出て、ホバーすると表示されます。

解決方法

stackoverflowにしっかりとスレッドがありました。

Parsing error : Cannot find module ‘next/babel’

作業としては.eslintrcに以下のように追記するだけです。

// extendsに'next/babel'を追記する
{
  "extends": ["next", "next/core-web-vitals", "prettier", "next/babel"]
}

これでOKです。波線が消えます。

関連記事

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

ブログを開設するなら「SWELL」が絶対オススメ!

この記事を書いた人

大学院(機械工学)→重工業→エンジニア→プロダクトマネージャー(PdM)

神戸で「つながる勉強会」を運営↓
https://tsunagaru-kobe.connpass.com/

神戸グルメのインスタアカウントを運用しています↓
https://www.instagram.com/kobe_gourmet_life/

登壇実績↓
https://speakerdeck.com/shimotaroo

コメント

コメントする

目次