theme watcher lauscht nicht

Shopware 6 (German) Themes & Design
9

[@Tobias Berge](http://forum.shopware.com/profile/20591/Tobias Berge “Tobias Berge”)‍ Vielen Dank für die Antwort. Ich habe das ganze Szenario gerade nochmals durchgespielt - ohne Erfolg.

Setup:

git clone git@github.com:shopware/development.git
cd development
git clone git@github.com:shopware/platform.git
bin/setup

(http://sw-clean:8888 im Browser testen: Funktioniert, sieht alles gut aus!)

bin/console theme:create
bin/console plugin:refresh
bin/console plugin:install --activate Test
./psh.phar cache
bin/console theme:refresh
bin/console theme:change
	Sales Channel: [0] Storefront
	Theme: [1] Test

platform/src/Storefront/Resources/vies/base.html.twig anpassen:
	Zeile 2: {% set isHMRMode = true %}

./psh.phar storefront:hot

Fehlermeldungen gibts da keine, aber beim Starten vom Hot-Reload wird folgende Warnung angezeigt:

WARNING: We noticed you're using the `useBuiltIns` option without declaring a core-js version. Currently, we assume version 2.x when no version is passed. Since this default version will likely change in future versions of Babel, we recommend explicitly setting the core-js version you are using via the `corejs` option.

	You should also be sure that the version you pass to the `corejs` option matches the version specified in your `package.json`'s `dependencies` section. If it doesn't, you need to run one of the following commands:

	  npm install --save core-js@2 npm install --save core-js@3
	  yarn add core-js@2 yarn add core-js@3

Wenn ich die Seite dann im Browser aktualisere, wird keinerlei CSS geladen (im Quelltext ist kein einziges “.css” vorhanden und der einzige style-Tag ist von der Symfony-Toolbar).

Interessanterweise scheint webpack sogar auf Anpassungen im base.scss-File meines Plugins zu hören: Wenn ich da etwas anpasse, wird in der Shell folgendes ausgegeben:

ℹ Compiling Shopware 6 Storefront
✔ Shopware 6 Storefront: Compiled successfully in 41.65ms
DONE Compiled successfully in 548ms9:51:55 PM

 

 

Beim JavaScript siehts etwas anders aus; folgende Script-Tags sind im Quelltext:

So können die Files natürlich nicht geladen werden. Scheinbar läuft da mit

 app.request.server.get('REQUEST\_SCHEME')

Auf Zeile 140 im base.html.twig etwas schief. Wenn ich da stattdessen “http” hardcode, stimmen zwar die URLs:

Aber einige der Files werden trotzdem nicht geladen da die gar nicht existieren (storefront.js und app.js).

Der Content vom Hot-Reload-Server scheint ja von platform/src/Storefront/Resources/dist aus geserved zu werden, so sieht die Struktur des Folders bei mir aus:

tree platform/src/Storefront/Resources/dist
platform/src/Storefront/Resources/dist
├── assets
│   ├── defaultThemePreview.jpg
│   ├── font
│   │   ├── ...
│   ├── icon
│   │   ├── default
│   │   │   ├── ...
│   │   └── solid
│   │   ├── ...
│   └── logo
│   ├── android-touch-icon.png
│   ├── apple-touch-icon.png
│   ├── demostore-logo.png
│   └── favicon.png
├── js
│   ├── runtime.js
│   ├── vendor-node.js
│   └── vendor-shared.js
└── storefront
    └── js
        └── storefront.js

9 directories, 380 files

Wenn ich Zeile 146 im base.html.twig anpasse zu:

Kann diese Datei geladen werden, dann fehlt also nur noch die app.js - und natürlich das ganze CSS, aber wenn ich das richtig verstanden habe müsste das dann per JavaScript geladen werden.

Änderungen am all.js File des Plugins triggern bei mir übrigens  keine Reaktion in der hot-reload Shell.