[Rails]Webpacker::Manifest::MissingEntryError

Question

Railsにwebpackを入れたので、CSSをstylesheet_pack_tagを使って読み込もうとしたのですが以下のようなエラーが出てしまいます。どうすればstylesheet_pack_tagを使ってCSSを読み込めるでしょうか

Webpacker::Manifest::MissingEntryError
Webpacker can't find application.css in
public/packs/manifest.json. Possible causes:

1. You want to set webpacker.yml value of compile to true for your environment
   unless you are using the webpack -w or the webpack-dev-server.
2. Webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your Webpack configuration is not creating a manifest.

Your manifest contains:
{
"application.js": "/packs/application-31e39b893df39b546174.js"
}

default: &default
  source_path: app/frontend
  source_entry_path: packs
  public_output_path: packs
  cache_path: tmp/cache/webpacker

(省略)

ディレクトリ構造(一部省略)

-  app
  - assets
    - stylesheets
      - application.scss
  - frontend
  - packs
    - application.js

Answer 1

application.jsにapplication.scssをimportしてみてください