Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Waseem's avatar

Error when updating to Spark 6.0

Hi

I tried updating my fairly recent version Spark to the new Spark 6.0 following the instrucitions provoided and once it run npm run dev I get the following error

> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

Copying node_modules/sweetalert/dist/sweetalert.min.js to /home/vagrant/Code/bookbros/public/js/sweetalert.min.js
 95% emitting                                                                         

 ERROR  Failed to compile with 50 errors                                                                                                                                                                                                                   3:19:51 PM

These dependencies were not found:

* spark-bootstrap in ./resources/assets/js/app.js
* spark in ./resources/assets/js/app.js
* settings/settings in ./resources/assets/js/spark-components/settings/settings.js
* settings/payment-method-stripe in ./resources/assets/js/spark-components/settings/payment-method-stripe.js
* settings/teams/team-profile in ./resources/assets/js/spark-components/settings/teams/team-profile.js
* settings/teams/team-membership in ./resources/assets/js/spark-components/settings/teams/team-membership.js
* settings/subscription/subscribe-stripe in ./resources/assets/js/spark-components/settings/subscription/subscribe-stripe.js
* settings/subscription/cancel-subscription in ./resources/assets/js/spark-components/settings/subscription/cancel-subscription.js
* settings/teams/update-team-photo in ./resources/assets/js/spark-components/settings/teams/update-team-photo.js
* settings/payment-method-braintree in ./resources/assets/js/spark-components/settings/payment-method-braintree.js
* settings/invoices in ./resources/assets/js/spark-components/settings/invoices.js
* settings/profile/update-profile-photo in ./resources/assets/js/spark-components/settings/profile/update-profile-photo.js
* settings/profile/update-contact-information in ./resources/assets/js/spark-components/settings/profile/update-contact-information.js
* settings/invoices/update-extra-billing-information in ./resources/assets/js/spark-components/settings/invoices/update-extra-billing-information.js
* settings/subscription/resume-subscription in ./resources/assets/js/spark-components/settings/subscription/resume-subscription.js
* settings/security/update-password in ./resources/assets/js/spark-components/settings/security/update-password.js
* settings/security/disable-two-factor-auth in ./resources/assets/js/spark-components/settings/security/disable-two-factor-auth.js
* notifications/notifications in ./resources/assets/js/spark-components/notifications/notifications.js
* settings/teams/create-team in ./resources/assets/js/spark-components/settings/teams/create-team.js
* settings/teams/send-invitation in ./resources/assets/js/spark-components/settings/teams/send-invitation.js
* settings/teams/pending-invitations in ./resources/assets/js/spark-components/settings/teams/pending-invitations.js
* settings/api in ./resources/assets/js/spark-components/settings/api.js
* settings/api/create-token in ./resources/assets/js/spark-components/settings/api/create-token.js
* settings/teams/mailed-invitations in ./resources/assets/js/spark-components/settings/teams/mailed-invitations.js
* settings/teams/team-members in ./resources/assets/js/spark-components/settings/teams/team-members.js
* navbar/navbar in ./resources/assets/js/spark-components/navbar/navbar.js
* settings/teams/update-team-name in ./resources/assets/js/spark-components/settings/teams/update-team-name.js
* settings/subscription in ./resources/assets/js/spark-components/settings/subscription.js
* settings/api/tokens in ./resources/assets/js/spark-components/settings/api/tokens.js
* settings/subscription/update-subscription in ./resources/assets/js/spark-components/settings/subscription/update-subscription.js
* settings/security/enable-two-factor-auth in ./resources/assets/js/spark-components/settings/security/enable-two-factor-auth.js
* settings/payment-method/update-payment-method-braintree in ./resources/assets/js/spark-components/settings/payment-method/update-payment-method-braintree.js
* settings/payment-method/update-payment-method-stripe in ./resources/assets/js/spark-components/settings/payment-method/update-payment-method-stripe.js
* settings/invoices/invoice-list in ./resources/assets/js/spark-components/settings/invoices/invoice-list.js
* settings/security in ./resources/assets/js/spark-components/settings/security.js
* settings/teams/team-settings in ./resources/assets/js/spark-components/settings/teams/team-settings.js
* kiosk/kiosk in ./resources/assets/js/spark-components/kiosk/kiosk.js
* kiosk/users in ./resources/assets/js/spark-components/kiosk/users.js
* settings/profile in ./resources/assets/js/spark-components/settings/profile.js
* settings/teams/current-teams in ./resources/assets/js/spark-components/settings/teams/current-teams.js
* auth/register-stripe in ./resources/assets/js/spark-components/auth/register-stripe.js
* settings/subscription/subscribe-braintree in ./resources/assets/js/spark-components/settings/subscription/subscribe-braintree.js
* auth/register-braintree in ./resources/assets/js/spark-components/auth/register-braintree.js
* kiosk/metrics in ./resources/assets/js/spark-components/kiosk/metrics.js
* settings/payment-method/redeem-coupon in ./resources/assets/js/spark-components/settings/payment-method/redeem-coupon.js
* kiosk/add-discount in ./resources/assets/js/spark-components/kiosk/add-discount.js
* settings/payment-method/update-vat-id in ./resources/assets/js/spark-components/settings/payment-method/update-vat-id.js
* settings/teams in ./resources/assets/js/spark-components/settings/teams.js
* kiosk/announcements in ./resources/assets/js/spark-components/kiosk/announcements.js
* kiosk/profile in ./resources/assets/js/spark-components/kiosk/profile.js

To install them, you can run: npm install --save spark-bootstrap spark settings/settings settings/payment-method-stripe settings/teams/team-profile settings/teams/team-membership settings/subscription/subscribe-stripe settings/subscription/cancel-subscription settings/teams/update-team-photo settings/payment-method-braintree settings/invoices settings/profile/update-profile-photo settings/profile/update-contact-information settings/invoices/update-extra-billing-information settings/subscription/resume-subscription settings/security/update-password settings/security/disable-two-factor-auth notifications/notifications settings/teams/create-team settings/teams/send-invitation settings/teams/pending-invitations settings/api settings/api/create-token settings/teams/mailed-invitations settings/teams/team-members navbar/navbar settings/teams/update-team-name settings/subscription settings/api/tokens settings/subscription/update-subscription settings/security/enable-two-factor-auth settings/payment-method/update-payment-method-braintree settings/payment-method/update-payment-method-stripe settings/invoices/invoice-list settings/security settings/teams/team-settings kiosk/kiosk kiosk/users settings/profile settings/teams/current-teams auth/register-stripe settings/subscription/subscribe-braintree auth/register-braintree kiosk/metrics settings/payment-method/redeem-coupon kiosk/add-discount settings/payment-method/update-vat-id settings/teams kiosk/announcements kiosk/profile                                                                           Asset      Size  Chunks             Chunk Names
       /js/app.js   27.9 kB       0  [emitted]  /js/app
           mix.js   4.08 kB       1  [emitted]  mix
mix-manifest.json  90 bytes          [emitted]  
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/vagrant/.npm/_logs/2018-02-14T15_19_51_978Z-debug.log

I have checked and the missing files are there so not sure what is going on

0 likes
2 replies
computer-logix's avatar

I just made a fresh install of Spark 6.0.2 and 'npm run dev' works fine.

 DONE  Compiled successfully in 8040ms                                               13:27:13
                                                                                                                 Asset
 Size  Chunks                    Chunk Names
    fonts/radio-select-default.svg?480bc0aebb3da809dc5b8d6f7ec60576  1.55 kB          [emitted]
fonts/radio-select-is-selected.svg?ac228fff7b6af5be6d1620e5352ee43c  1.56 kB          [emitted]
                                                         \js\app.js  2.14 MB       0  [emitted]  [big]  \js\app
                                                       \css\app.css   221 kB       0  [emitted]         \js\app
                                                   \css\app-rtl.css   221 kB       0  [emitted]         \js\app
                                              \js\sweetalert.min.js    17 kB          [emitted]

Did you connect your github account to his new repository? It won't pull down version 6.0 if you don't...

marleymo's avatar

I had the same issue, solved by copying spark/install-stubs/webpack.mix.js to project root.

Please or to participate in this conversation.