Vue element-uiを使用するとassets:precompileできなくなる。

前提・実現したいこと

自分は初学者であるため上手く質問できなかったら申し訳ないです。
その際はもっとこうした方がいいなどコメントにてご教授願います。

今回やりたいことはelement-uiを使用して、precompileできるようにすることです。

RAILS_ENV=production bundle exec rake assets:precompile

と入力すると下記のようにエラーが出ずにprecompileに失敗してしまいます。
原因が分かる方いらっしゃったら教えてください。

発生している問題・エラーメッセージ

yarn install v1.21.1
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@1.2.9: The platform "linux" is incompatible with this module.
info "fsevents@1.2.9" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning " > @babel/plugin-proposal-class-properties@7.8.3" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/plugin-proposal-class-properties > @babel/helper-create-class-features-plugin@7.9.5" has unmet peer dependency "@babel/core@^7.0.0".
warning " > vue-loader@15.9.1" has unmet peer dependency "css-loader@*".
warning " > vue-loader@15.9.1" has unmet peer dependency "webpack@^3.0.0 || ^4.1.0 || ^5.0.0-0".
warning " > webpack-dev-server@3.9.0" has unmet peer dependency "webpack@^4.0.0".
warning "webpack-dev-server > webpack-dev-middleware@3.7.2" has unmet peer dependency "webpack@^4.0.0".
[4/4] Building fresh packages...
Done in 4.91s.
Compiling...
Compilation failed:
ここでエラーが何も出ない。

該当のソースコード

webpack周りが怪しそうだと思い、こまめにマージして確かめた結果、element-uiが原因であることが分かりました。
ですがここの何が原因なのか全く分かりません。

#ここ以下の物を記述するとprecompileに失敗する。
import ElementUI     from 'element-ui';
import               'element-ui/lib/theme-chalk/index.css';
import locale        from 'element-ui/lib/locale/lang/ja';

試したこと

違う気もしましたがこの記事の内容を試してみました。
precompileできなかったです。

https://qiita.com/Sa2Knight/items/7386a83c2058e53f0eef

補足情報（FW/ツールのバージョンなど）

version: rails6, webpack4系, nginx, puma

必要か分かりませんがpackage.jsonの中身です。
他に足りない情報ありましたらコメントにて終えてください。
よろしくお願いいたします。

{
  "name": "hogehoge",
  "private": true,
  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.12.1",
    "@rails/actioncable": "^6.0.0-alpha",
    "@rails/activestorage": "^6.0.0-alpha",
    "@rails/ujs": "^6.0.0-alpha",
    "@rails/webpacker": "^4.2.0",
    "bootstrap": "4.3.1",
    "element-ui": "^2.13.0",
    "gulp": "^4.0.2",
    "gulp-sass": "^4.0.2",
    "import-glob-loader": "^1.1.0",
    "jquery": "^3.4.1",
    "node-sass": "^4.13.1",
    "popper.js": "^1.16.1",
    "superagent": "^5.2.2",
    "turbolinks": "^5.2.0",
    "vue": "^2.6.11",
    "vue-loader": "^15.9.1",
    "vue-notification": "^1.3.20",
    "vue-router": "^3.1.6",
    "vue-template-compiler": "^2.6.11",
    "vue-turbolinks": "^2.1.0"
  },
  "version": "0.1.0",
  "devDependencies": {
    "webpack-dev-server": "^3.9.0"
  }
}