何かしら外部のライブラリを追加したときこんな感じのエラーが出ることがある
1 2 3 4 5 6 7 8 9 10 | ERROR in ./.nuxt/client.jsModule not found: Error: Can't resolve 'core-js/modules/es.array.concat' in '/Users/**/**/.nuxt' @ ./.nuxt/client.js 4:0-41 @ multi ./.nuxt/client.jsERROR in ./.nuxt/utils.jsModule 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する。
1 | yarn add @nuxt/babel-preset-app core-js@3 @babel/runtime-corejs3 --dev |
nuxt.config.js の buildの項目に以下追加する。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | build: { babel: { // envName: server, client, modern presets({ envName }) { return [ [ '@nuxt/babel-preset-app', { corejs: { version: 3 } } ] ] } }} |
以上終わったらbuild。
エラー消えた？やったね！