We've moved discussions to Discord We've moved discussions to Discord!

Brand new Jumpstart Pro install throwing webpacker errors

Eric Saul • January 4, 2021 7:16am

I just did a brand new Jumpstart Pro install. Unfortunately, the following errors were generated during the app's initial request:

ERROR in ./app/javascript/packs/administrate.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/helper-split-export-declaration'
...
...
ERROR in ./app/javascript/packs/application.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/helper-split-export-declaration'
...
...
ERROR in ./app/javascript/packs/jumpstart.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/helper-split-export-declaration'
...
...

Full log for initial request and redirect below:

Started GET "/" for 127.0.0.1 at 2021-01-04 02:03:08 -0500
   (1.6ms)  SELECT "schema_migrations"."version" FROM "schema_migrations" ORDER BY "schema_migrations"."version" ASC
Processing by StaticController#index as HTML
Redirected to http://localhost:3000/jumpstart/?welcome=true
Filter chain halted as :jumpstart_welcome rendered or redirected
Completed 302 Found in 3ms (ActiveRecord: 0.0ms | Allocations: 766)


Started GET "/jumpstart/?welcome=true" for 127.0.0.1 at 2021-01-04 02:03:08 -0500
Processing by Jumpstart::AdminController#show as HTML
  Parameters: {"welcome"=>"true"}
  Rendering layout lib/jumpstart/app/views/layouts/jumpstart/application.html.erb
  Rendering lib/jumpstart/app/views/jumpstart/admin/show.html.erb within layouts/jumpstart/application
  User Load (0.9ms)  SELECT "users".* FROM "users" WHERE "users"."admin" = $1 ORDER BY "users"."created_at" ASC  [["admin", true]]
  ↳ lib/jumpstart/app/views/jumpstart/admin/show.html.erb:78
  Rendered lib/jumpstart/app/views/jumpstart/admin/_payments.html.erb (Duration: 1.7ms | Allocations: 538)
  Rendered lib/jumpstart/app/views/jumpstart/admin/_welcome.html.erb (Duration: 1.9ms | Allocations: 109)
  Rendered lib/jumpstart/app/views/jumpstart/admin/_admin_user.html.erb (Duration: 240.9ms | Allocations: 185094)
  Rendered lib/jumpstart/app/views/jumpstart/admin/show.html.erb within layouts/jumpstart/application (Duration: 391.7ms | Allocations: 220103)
[Webpacker] Compiling...
[Webpacker] Compilation failed:
asset js/runtime-b516ea5e70a2016a10fe.js 5.4 KiB [emitted] [immutable] (name: runtime) 1 related asset
asset js/administrate-a5fbbe817967eea382fd.js 2.55 KiB [emitted] [immutable] (name: administrate)
asset js/application-ec73912847ecd62fb84a.js 2.55 KiB [emitted] [immutable] (name: application)
asset js/jumpstart-3abb5c21a02b8c76c12e.js 2.54 KiB [emitted] [immutable] (name: jumpstart)
asset manifest.json 961 bytes [compared for emit]
Entrypoint administrate 7.95 KiB (4.7 KiB) = js/runtime-b516ea5e70a2016a10fe.js 5.4 KiB js/administrate-a5fbbe817967eea382fd.js 2.55 KiB 1 auxiliary asset
Entrypoint application 7.95 KiB (4.7 KiB) = js/runtime-b516ea5e70a2016a10fe.js 5.4 KiB js/application-ec73912847ecd62fb84a.js 2.55 KiB 1 auxiliary asset
Entrypoint jumpstart 7.93 KiB (4.7 KiB) = js/runtime-b516ea5e70a2016a10fe.js 5.4 KiB js/jumpstart-3abb5c21a02b8c76c12e.js 2.54 KiB 1 auxiliary asset
runtime modules 2.68 KiB 2 modules
modules with errors 117 bytes [errors]
  ./app/javascript/packs/administrate.js 39 bytes [built] [code generated] [1 error]
  ./app/javascript/packs/application.js 39 bytes [built] [code generated] [1 error]
  ./app/javascript/packs/jumpstart.js 39 bytes [built] [code generated] [1 error]

ERROR in ./app/javascript/packs/administrate.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/helper-split-export-declaration'
Require stack:
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/helper-create-class-features-plugin/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/plugin-proposal-class-properties/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/config/files/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/babel-loader/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/loader-runner/lib/loadLoader.js
- /Users/jango/Documents/dev/code/ao/node_modules/loader-runner/lib/LoaderRunner.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/lib/NormalModule.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/lib/webpack-cli.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/lib/bootstrap.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/bin/cli.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/bin/webpack.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:925:15)
    at Function.Module._load (node:internal/modules/cjs/loader:769:27)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (/Users/jango/Documents/dev/code/ao/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
    at Object.<anonymous> (/Users/jango/Documents/dev/code/ao/node_modules/@babel/helper-create-class-features-plugin/lib/index.js:24:60)
    at Module._compile (/Users/jango/Documents/dev/code/ao/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
    at Module.load (node:internal/modules/cjs/loader:973:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:997:19)

ERROR in ./app/javascript/packs/application.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/helper-split-export-declaration'
Require stack:
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/helper-create-class-features-plugin/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/plugin-proposal-class-properties/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/config/files/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/babel-loader/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/loader-runner/lib/loadLoader.js
- /Users/jango/Documents/dev/code/ao/node_modules/loader-runner/lib/LoaderRunner.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/lib/NormalModule.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/lib/webpack-cli.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/lib/bootstrap.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/bin/cli.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/bin/webpack.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:925:15)
    at Function.Module._load (node:internal/modules/cjs/loader:769:27)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (/Users/jango/Documents/dev/code/ao/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
    at Object.<anonymous> (/Users/jango/Documents/dev/code/ao/node_modules/@babel/helper-create-class-features-plugin/lib/index.js:24:60)
    at Module._compile (/Users/jango/Documents/dev/code/ao/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
    at Module.load (node:internal/modules/cjs/loader:973:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:997:19)

ERROR in ./app/javascript/packs/jumpstart.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/helper-split-export-declaration'
Require stack:
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/helper-create-class-features-plugin/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/plugin-proposal-class-properties/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/config/files/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/@babel/core/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/babel-loader/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/loader-runner/lib/loadLoader.js
- /Users/jango/Documents/dev/code/ao/node_modules/loader-runner/lib/LoaderRunner.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/lib/NormalModule.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/lib/index.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/lib/webpack-cli.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/lib/bootstrap.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack-cli/bin/cli.js
- /Users/jango/Documents/dev/code/ao/node_modules/webpack/bin/webpack.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:925:15)
    at Function.Module._load (node:internal/modules/cjs/loader:769:27)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (/Users/jango/Documents/dev/code/ao/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
    at Object.<anonymous> (/Users/jango/Documents/dev/code/ao/node_modules/@babel/helper-create-class-features-plugin/lib/index.js:24:60)
    at Module._compile (/Users/jango/Documents/dev/code/ao/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
    at Module.load (node:internal/modules/cjs/loader:973:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:997:19)

webpack 5.11.1 compiled with 3 errors in 381 ms

  Rendered shared/_favicons.html.erb (Duration: 0.4ms | Allocations: 116)
  Rendered layout lib/jumpstart/app/views/layouts/jumpstart/application.html.erb (Duration: 4005.6ms | Allocations: 225296)
Completed 200 OK in 4035ms (Views: 4009.1ms | ActiveRecord: 11.3ms | Allocations: 231118)

Eric Saul • January 4, 2021 4:44pm

Anyone else experiencing this issue?

I noticed some updates to Jumpstart Pro a few minutes ago so I created another new Jumpstart Pro install.

When I start the server I get the same webpack issue outlined above. Any ideas on how to fix this?

> foreman start
11:30:21 web.1     | started with pid 53618
11:30:21 webpack.1 | started with pid 53619
11:30:23 web.1     | => Booting Puma
11:30:23 web.1     | => Rails 6.1.0 application starting in development
11:30:23 web.1     | => Run `bin/rails server --help` for more startup options
11:30:24 web.1     | Puma starting in single mode...
11:30:24 web.1     | * Puma version: 5.1.1 (ruby 2.7.2-p137) ("At Your Service")
11:30:24 web.1     | *  Min threads: 5
11:30:24 web.1     | *  Max threads: 5
11:30:24 web.1     | *  Environment: development
11:30:24 web.1     | *          PID: 53618
11:30:24 web.1     | * Listening on http://127.0.0.1:5000
11:30:24 web.1     | * Listening on http://[::1]:5000
11:30:24 web.1     | Use Ctrl-C to stop
11:30:25 webpack.1 | ℹ ｢wds｣: Project is running at http://localhost:8080/
11:30:25 webpack.1 | ℹ ｢wds｣: webpack output is served from /packs/
11:30:25 webpack.1 | ℹ ｢wds｣: Content not from webpack is served from /Users/jango/Documents/dev/code/a02
11:30:25 webpack.1 | ✖ ｢wdm｣: asset js/runtime-b516ea5e70a2016a10fe.js 5.4 KiB [emitted] [immutable] (name: runtime) 1 related asset
11:30:25 webpack.1 | asset js/administrate-a5fbbe817967eea382fd.js 2.57 KiB [emitted] [immutable] (name: administrate)
11:30:25 webpack.1 | asset js/application-ec73912847ecd62fb84a.js 2.56 KiB [emitted] [immutable] (name: application)
11:30:25 webpack.1 | asset js/jumpstart-3abb5c21a02b8c76c12e.js 2.55 KiB [emitted] [immutable] (name: jumpstart)
11:30:25 webpack.1 | asset manifest.json 961 bytes [emitted]
11:30:25 webpack.1 | Entrypoint administrate 7.97 KiB (4.7 KiB) = js/runtime-b516ea5e70a2016a10fe.js 5.4 KiB js/administrate-a5fbbe817967eea382fd.js 2.57 KiB 1 auxiliary asset
11:30:25 webpack.1 | Entrypoint application 7.96 KiB (4.7 KiB) = js/runtime-b516ea5e70a2016a10fe.js 5.4 KiB js/application-ec73912847ecd62fb84a.js 2.56 KiB 1 auxiliary asset
11:30:25 webpack.1 | Entrypoint jumpstart 7.95 KiB (4.7 KiB) = js/runtime-b516ea5e70a2016a10fe.js 5.4 KiB js/jumpstart-3abb5c21a02b8c76c12e.js 2.55 KiB 1 auxiliary asset
11:30:25 webpack.1 | runtime modules 2.68 KiB 2 modules
11:30:25 webpack.1 | modules with errors 117 bytes [errors]
11:30:25 webpack.1 |   ./app/javascript/packs/administrate.js 39 bytes [built] [code generated] [1 error]
11:30:25 webpack.1 |   ./app/javascript/packs/application.js 39 bytes [built] [code generated] [1 error]
11:30:25 webpack.1 |   ./app/javascript/packs/jumpstart.js 39 bytes [built] [code generated] [1 error]
11:30:25 webpack.1 |
11:30:25 webpack.1 | ERROR in ./app/javascript/packs/administrate.js
11:30:25 webpack.1 | Module build failed (from ./node_modules/babel-loader/lib/index.js):
11:30:25 webpack.1 | Error: Cannot find module '@babel/helper-split-export-declaration'
11:30:25 webpack.1 | Require stack:

Eric Saul • January 6, 2021 6:26am

I spent quite some time trying to figure out what the issue was. I wasn't able to figure out what the exact issue was but I just removed my node_modules folder and re-ran yarn install

That seems to have done the trick.

That was definitely one of the weirdest issues I've run into in a while.

Jeff Helman • January 6, 2021 9:42pm

Thanks,

Eric Saul , for letting us know what you found here. This will be helpful to others.

Chris Oliver • January 6, 2021 11:15pm

Webpacker has made some MASSIVE changes again, so sorry for the troubles here. I've made some updates to JSP to accomodate that and it's working for me reliably now.

Strange that deleting the node_modules folder and reinstalling worked, but I've had the same thing happen to me several times too. Why is Javascript so bad?!

My Discussions Participating All Discussions

Notifications

You’re not receiving notifications from this thread.