= javascript_pack_tag "aaa"でpublic/packs/js/aaa-6f9bj.......jsではなくapp/javascript/packs/aaa.jsをみて欲しい

Question

= javascript_pack_tag "aaa"でpublic/packs/js/aaa-6f9b6340b7cc42aa6420.jsをみられてエラーが起こるのですが、
app/javascript/packs/aaa.jsをみてほしいのですがそのように仕向ける方法はありますでしょうか？

どのファイルが関わっているかがわからずざっくりした質問になってしまい申し訳ございません。

どうぞよろしくお願いいたします。

Comments

[maisumakun]

ふつうに設定していれば、app/javascript/packs/aaa.jsがpublic/packs/js/aaa-6f9b6340b7cc42aa6420.jsのようにコンパイルされるので、そのような動作で問題なく動作します。

「app/javascript/packs/aaa.jsのコンパイルに失敗している」あるいは「Webpackerの設定ミス」などが考えられますが、そのあたりは点検してみましたか？

[annaPanda]

docker-compose run web rails webpacker:installでインストールをやり直したあと何も設定をしていない段階なんですが、どのあたりのファイルを疑えばいいか教えていただけますでしょうか？

[maisumakun]

webpack-dev-serverは起動していますか？

[annaPanda]

してないです。。
そのサーバーは普通に起動するローカルサーバとは別に起動するものですか？
今色々ググってみましたが概要が捉えにくくて…

[maisumakun]

> そのサーバーは普通に起動するローカルサーバとは別に起動するものですか？

はい、JavaScriptを処理するために必要なものです。

[annaPanda]

ローカルに`npm install webpack-dev-server --save-dev`でインストールして、
package.jsonに
```
"scripts": {
"start": "webpack-dev-server"
}
```
追記して、`npm start`をする流れで間違っていないですか？

[maisumakun]

> 間違っていないですか？

特にインストールしなくても、webpacker:installで必要なパッケージ等は設定されているはずです。yarn installすればbin/webpack-dev-serverで立ち上がるかと思います。

[annaPanda]

今
docker-compose run web rails webpacker:install
↓
npm install webpack-dev-server --save-dev
↓
yarn install
↓
docker-compose up
で何も変わらないのですがどこか間違っていますでしょうか？

Answer 1

Rails6にWebpckerがデフォで入っているのにも関わらず、docker-compose.ymlでもう一度記載していたために、競合していたようでした。docker-compose.yml側を消して、docker-compose run web rails webpacker:installし直したら解決しました。