Webpackerのcssが読み込まれない

assetからwebpackerに移行をしていていろいろなエラーが出てましたが、以下で解決しました。

【エラー】Error: Missing binding /myapp/node_modules/node-sass/vendor/linux-x64-64/binding.node【Ruby on Rails】

エラー内容上記のエラーが発生しました。rails実行中にフロントエンドで表題のエラーが発生していたため解決方法を残しておきます。rails-ujs.js:803 Uncaught Error: Module bui...

nabelog.org

2020.11.22

webpackerへの移行は完了しましたが、今度はcssが読み込まれていません。

原因はapplication.html.erbで以下の記載が間違っていました。

#before
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
#after
    <%= stylesheet_pack_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>

これで晴れてwebpackerへの移行が完了しました。

フリーランスを目指すなら【テックパートナーズカレッジ】

未経験者向けWEBスクール【SHElikes】