ビルドエラー [Webpack]

core-js

core-js のモジュールが見つからない旨のエラーが発生する。

Cannot find module 'core-js/modules/es6.*'

もしくは、

These dependencies were not found:

* core-js/modules/es6.* in ...
...

原因

使用する core-js のポリフィルが適切に指定されていない。

対処法

core-js@3 を追加する。

$ yarn add core-js@3

Babel の設定 (.babelrc など) で、core-js@3 のポリフィルを使用し、プロポーザルのポリフィルを含める設定を行う。

corejs: { version: 3, proposals: true }

参考：

エラー解決：We noticed you’re using the useBuiltIns option without declaring a core-js version. Currently, we assume version 2.x when no version is – Qiita

7.4.0 Released: core-js 3, static private methods and partial application | Babel

corejs – @babel/preset-env | Babel [Official]

What does this error mean? With `useBuiltIns` option, required direct setting of `corejs` option – Stack Overflow

import のおけるパスの解決

resolve で指定されたディレクトリ内で解決する。

import bar from 'foo/bar'

相対パスで参照する場合は、パスの先頭に ./ が必要。

import bar from './foo/bar'

参考：

Field ‘browser’ doesn’t contain a valid alias configuration – Stack Overflow

オプションスキーマ

参考：

webpack/WebpackOptions.json at v4.34.0 · webpack/webpack – GitHub

schema-utils

ローダーやプラグインにおいてオプションのバリデーションを行い、バリデーション失敗時にエラーメッセージを生成する。

参考：

webpack-contrib/schema-utils: webpack Loader/Plugin Options Validation – GitHub

Provide better default error message on invalid properties · Issue #35 · webpack-contrib/schema-utils – GitHub

“Webpack Dev Server Invalid Options” without good explanation on what fails (have no idea) · Issue #1501 · webpack/webpack-dev-server – GitHub