Webpacker doesn't compile when I run rails server

Question

I am starting up a new React-Rails project and got a sample app up and running with rails server and webpack-dev-server (run with foreman start command).

However now I am trying to view the site using the rails server only (bundle exec rails s) and nothing renders. Webpack doesn't give any output about compiling whatsoever so it looks like it's just not running. This is my log output:

Started GET "/" for ::1 at 2020-10-08 10:31:02 -0400
Processing by HomeController#index as HTML
  Rendering home/index.html.erb
Everything's up-to-date. Nothing to do
  Rendered home/index.html.erb (Duration: 4.1ms | Allocations: 1636)
Completed 200 OK in 5ms (Views: 4.6ms | ActiveRecord: 0.0ms | Allocations: 1994)


New request from a remote host, data: {:remote_host=>nil, :remote_ip=>"::1"}
Started GET "/packs/js/index-73dbfbccb8bc3bfa596a.js" for ::1 at 2020-10-08 10:31:02 -0400

ActionController::RoutingError (No route matches [GET] "/packs/js/index-73dbfbccb8bc3bfa596a.js"):

This is my webpacker config file:

# Note: You must restart bin/webpack-dev-server for changes to take effect

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_root_path: public
  public_output_path: packs
  cache_path: tmp/cache/webpacker
  webpack_compile_output: true

  # Additional paths webpack should lookup modules
  # ['app/assets', 'engine/foo/app/assets']
  additional_paths: [app_js]

  # Reload manifest.json on all requests so we reload latest compiled packs
  cache_manifest: false

  # Extract and emit a css file
  extract_css: false

  static_assets_extensions:
    - .jpg
    - .jpeg
    - .png
    - .gif
    - .tiff
    - .ico
    - .svg
    - .eot
    - .otf
    - .ttf
    - .woff
    - .woff2

  extensions:
    - .jsx
    - .mjs
    - .js
    - .sass
    - .scss
    - .css
    - .module.sass
    - .module.scss
    - .module.css
    - .png
    - .svg
    - .gif
    - .jpeg
    - .jpg

development:
  <<: *default
  compile: true

  # Reference: https://webpack.js.org/configuration/dev-server/
  dev_server:
    https: false
    host: localhost
    port: 3035
    public: localhost:3035
    hmr: false
    # Inline should be set to true if using HMR
    inline: true
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    pretty: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: '**/node_modules/**'


test:
  <<: *default
  compile: true

  # Compile test packs to a separate directory
  public_output_path: packs-test

production:
  <<: *default

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Extract and emit a css file
  extract_css: true

  # Cache manifest.json for performance
  cache_manifest: true

Can anyone help me figure out why my webpack won't even run when I run the rails server?

Answer 1

As it turns out I was missing these lines in packs/application.js:

import 'core-js/stable'
import 'regenerator-runtime/runtime'