[Nuxt.js] core-jsエラーへの対処

何かしら外部のライブラリを追加したときこんな感じのエラーが出ることがある

ERROR in ./.nuxt/client.js
Module not found: Error: Can't resolve 'core-js/modules/es.array.concat' in '/Users/**/**/.nuxt'
 @ ./.nuxt/client.js 4:0-41
 @ multi ./.nuxt/client.js

ERROR in ./.nuxt/utils.js
Module not found: Error: Can't resolve 'core-js/modules/es.array.concat' in '/Users/**/**/.nuxt'
 @ ./.nuxt/utils.js 2:0-41
 @ ./.nuxt/client.js
 @ multi ./.nuxt/client.js

コンソールが真っ赤に染まってびっくりするよ😩

@nuxt/babel-preset-app

@nuxt/babel-preset-appはNuxt.jsが使用している@babel/preset-envのラッパーである。
それにcore-js@3とbabel/runtimeをセットにしてaddする。

yarn add @nuxt/babel-preset-app core-js@3 @babel/runtime-corejs3 --dev

nuxt.config.js の buildの項目に以下追加する。

build: {    
   babel: {
      // envName: server, client, modern
      presets({ envName }) {
        return [
          [
            '@nuxt/babel-preset-app',
            {
              corejs: { version: 3 }
            }
          ]
        ]
      }
    }
}

以上終わったらbuild。

エラー消えた?やったね!🤗

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください