フロントエンド開発環境の理解と実践 (webpack, babel, eslint..)

このレッスンはWebパック4バージョンを使用していますが、最近5バージョンにメジャーアップデートを行いました。 Webパックに関連してプラグインも好完成のためにアップデートバージョンを出していますが、その中でクラスで使用するterser-webpack-pluginも4から5にアップデートされました。このため、エラーメッセージに遭遇した方がいらっしゃいますが、下記「ちっ」さんが共有していただいた方法を参考にしてください。

エラーメッセージ

• "TypeError: Cannot read property 'javascript' of undefined"
• Hi you are using Webpack 4 and Terser ^5.0.0 。 This version of Terser is for Webpack 5, you need to set version "terser-webpack-plugin": "^4.2.3", in package.json file

解決策

• package.jsonでterser-webpack-pluginバージョンを5点台で^4.2.3 に変える

ソース: https://www.inflearn.com/questions/86666