Fehler beim Theme Watcher / Hot Reload von Shopware 6

Shopware 6 (German) Programmierung
,
1

Hallo zusammen,

ich habe leider ein Problem mit dem Hot Reload von Shopware 6.

Sobald ich im Hauptverzeichis bin/watch-storefront ausführe, bekomme ich den folgenden Fehler:

Nochmal als Text:

Start theme compilation

 Compiling theme for sales channel for : dfe51958c14742b392ed3bb3cefde903

 ! [NOTE] Took 6.787597 seconds

 Compiling theme for sales channel for : 6b263f89abe24f94a287638bb66b94fc

 ! [NOTE] Took 6.197231 seconds

 Compiling theme for sales channel for : f8cbcc5ebad342fdb712d8129cdfa3d7

 ! [NOTE] Took 6.599494 seconds


> sw-next-storefront@1.0.0 hot-proxy /var/www/html/vendor/shopware/storefront/Resources/app/storefront
> NODE_ENV=development MODE=hot node ./build/start-hot-reload.js

(node:2095) UnhandledPromiseRejectionWarning: Error: Cannot find module 'webpack'
Require stack:
- /var/www/html/vendor/shopware/storefront/Resources/app/storefront/build/live-reload-server/index.js
- /var/www/html/vendor/shopware/storefront/Resources/app/storefront/build/start-hot-reload.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15)
    at Function.Module._load (internal/modules/cjs/loader.js:667:27)
    at Module.require (internal/modules/cjs/loader.js:887:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at /var/www/html/vendor/shopware/storefront/Resources/app/storefront/build/live-reload-server/index.js:7:25
    at new Promise (<anonymous>)
    at createLiveReloadServer (/var/www/html/vendor/shopware/storefront/Resources/app/storefront/build/live-reload-server/index.js:6:12)
    at Object.<anonymous> (/var/www/html/vendor/shopware/storefront/Resources/app/storefront/build/start-hot-reload.js:5:16)
    at Module._compile (internal/modules/cjs/loader.js:999:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
(node:2095) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:2095) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
www-data@8a547c5ad9d7:~/html$ bin/console theme:build

Kann mir da jemand weiterhelfen?

Beste Grüße,

Nils

2

Gleiches Problem hier. Shopware normal installiert. (Nicht die dev Methode mit platform clone)
Erhalte den gleichen Fehler.

3

Hier ebenso. Habt ihr in der Zwischenzeit eine Lösung gefunden? @nils2 @mlo

1 „Gefällt mir“
4

Die Fehlermeldung sagt aus, dass Webpack auf dem System nicht installiert ist.

1 „Gefällt mir“
5

Hatte eben das selbe Problem.
Mit Node JS 16.10.0 und NPM 8.0 funktioniert es. Nutze nvm um deine Node Version zu wechseln und starte erstmal mit den Commands: build-administrator und build-storefront. Darauf hin sollten die Watcher Befehle laufen.

1 „Gefällt mir“
6

Hey, ich stehe vor dem selben Problem.
Ich arbeite in Docker auf meinem M1 Mac und versuche es gerade mit deinen Node und NPM Versionen. Der build-administration command schlägt allerdings fehl mit folgendem Fehler:

pm ERR! code 1
npm ERR! path /srv/www/htdocs/shop/vendor/shopware/administration/Resources/app/administration/node_modules/puppeteer
npm ERR! command failed
npm ERR! command sh -c node install.js
npm ERR! The chromium binary is not available for arm64.
npm ERR! If you are on Ubuntu, you can install with: 
npm ERR! 
npm ERR!  sudo apt install chromium
npm ERR! 
npm ERR! 
npm ERR!  sudo apt install chromium-browser
npm ERR! 
npm ERR! /srv/www/htdocs/shop/vendor/shopware/administration/Resources/app/administration/node_modules/puppeteer/lib/cjs/puppeteer/node/BrowserFetcher.js:119
npm ERR!                     throw new Error();
npm ERR!                     ^
npm ERR! 
npm ERR! Error
npm ERR!     at /srv/www/htdocs/shop/vendor/shopware/administration/Resources/app/administration/node_modules/puppeteer/lib/cjs/puppeteer/node/BrowserFetcher.js:119:27
npm ERR!     at FSReqCallback.oncomplete (node:fs:198:21)

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2023-03-16T10_19_42_692Z-debug.log

Und die entsprechenden Chromium Pakete lassen sich aber auch nicht installieren, auf Grund von amd64 / arm64 Architektur-Problemen.
Jemand hier eine Idee, wie man da weiterkommt?

7

Hallo,

vielleicht hilft das hier weiter:

Viele Grüße

1 „Gefällt mir“
8

Guter Hinweis, danke.
HomeBrew kam nicht in Frage da innerhalb von ubuntu docker image, aber selbst installieren war der Trick.
Am Ende hats ein vergessenes sudo apt-get update gerichtet…
Manchmal ist es auch einfach was dummes einfaches ;).