webpack にて Module not found: Error: Package path . is not exported from package エラーが起きた時の対応

最終更新日:

webpack 環境にてビルド中にあるパッケージで下記エラーが起きた。

$ webpack --mode=production
Module not found: Error: Package path . is not exported from package xxxxx

エラーが起きた時の環境

原因になり得そうなものだけ抜粋

開発環境で使用してる諸々のバージョンを上げてエラーが起きた。

  • node: v15.8.0 → v16.0.0 (nodebrew)
  • npm: v7.6.1 → v7.10.0 (nodebrew)
  • webpack: v5.31.2 → v5.92.1
  • webpack-cli: v4.6.0 → v5.1.4
  • js-cookie: v3.0.5 (エラー起きたパッケージ。v2x系だとエラーは出なかった)
  • clipboard-polyfill: v4.0.2 → v4.1.0 (エラー起きたパッケージ）

解決

alias に下記コード追加する。

'js-cookie': path.resolve('node_modules', 'js-cookie'),
'clipboard-polyfill': path.resolve('node_modules', 'clipboard-polyfill'),

webpack.config.js

原因の箇所だけ抜粋。

module.exports = {
	entry: './main.js',
	resolve: {
		alias: {
			// 追加
			'js-cookie': path.resolve('node_modules', 'js-cookie'),
			'clipboard-polyfill': path.resolve('node_modules', 'clipboard-polyfill'),
		},
	},
}