何かしら外部のライブラリを追加したときこんな感じのエラーが出ることがある
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。
エラー消えた？やったね！🤗