railsにjavascriptを読み込ませるときのエラー webpack

erbファイルにjavascriptを読み込ませたら以下のエラーが発生

<%= javascript_pack_tag 'home/select' %>

Image from Gyazo

解決方法

bin/yarnを実行

yarn install v1.22.10
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] 🔍  Resolving packages...
success Already up-to-date.

このコマンドで全てのパッケージと依存関係をインストール。一度実行しているのでAlready up-to-dateと表示されました


bin/webpackを実行

[./app/javascript/channels sync recursive _channel\.js$] ./app/javascript/channels sync _channel\.js$ 160 bytes {application} [built]
[./app/javascript/channels/index.js] 211 bytes {application} [built]
[./app/javascript/packs/application.js] 866 bytes {application} [built]
[./app/javascript/packs/home/select.js] 31 bytes {home/select} [built]
[./app/javascript/src/application.scss] 664 bytes {application} [built]
[./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./app/javascript/src/application.scss] ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./app/javascript/src/application.scss 746 KiB {application} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 552 bytes {application} [built]
    + 172 hidden modules

これでコンパイルしてくれます。

note.com

blog.yuhiisk.com