エラー状況
既存のVueプロジェクトにElement-Plusを組み込もうとしたところ、下記のエラーが発生
実行コマンド
vue add element-plus
エラー
Running completion hooks...
ERROR TypeError: Cannot read properties of undefined (reading 'replace')
TypeError: Cannot read properties of undefined (reading 'replace')
at C:\Users\*****\Coding\vue-typescript\node_modules\vue-cli-plugin-element-plus\generator\index.js:45:45
at runGenerator (C:\Users\*****\AppData\Roaming\npm\node_modules\@vue\cli\lib\invoke.js:132:13)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async invoke (C:\Users\*****\AppData\Roaming\npm\node_modules\@vue\cli\lib\invoke.js:92:3)
発生原因
GitHubのIssuesで同じエラーに遭遇している方々を発見
上記から
・どうやらESLintとの相性が悪いらしい
・element-plusはメンテナンスされていなく、バグも解決していない
とのことだったので、ESLintと一緒に使用するのは断念
Vuetify3がリリースされたようなので、そちらを試してみます
→https://qiita.com/luckydarts/items/d250ea6bc4d620a00dc1