Startproblem des Frontends in der Entwicklungsumgebung

Jean-Philippe · 13. April 2023 um 20:57

Hallo,

Ich wollte Gladys bei mir auf „dev“ aktualisieren und bekomme diesen Fehler, wenn ich das Frontend starten möchte:

 Build  [                    ] 0% (0.0s) compiling✖ ERROR TypeError: Cannot read properties of undefined (reading 'get')
✖ ERROR TypeError: Cannot read properties of undefined (reading 'get')
    at /opt/Gladys/front/node_modules/webpack/lib/DefinePlugin.js:313:38
    at SyncHook.eval [as call] (eval at create (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:29:1)
    at SyncHook.lazyCompileHook (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/tapable/lib/Hook.js:154:20)
    at Compiler.newCompilation (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Compiler.js:631:26)
    at /home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Compiler.js:667:29
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at AsyncSeriesHook.lazyCompileHook (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/tapable/lib/Hook.js:154:20)
    at Compiler.compile (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Compiler.js:662:28)
    at /home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Watching.js:77:18
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:33:1)
    at AsyncSeriesHook.lazyCompileHook (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/tapable/lib/Hook.js:154:20)
    at Watching._go (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Watching.js:41:32)
    at /home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Watching.js:33:9
    at Compiler.readRecords (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Compiler.js:529:11)
    at new Watching (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Watching.js:30:17)
    at Compiler.watch (/home/jp/.nvm/versions/node/v18.14.0/lib/node_modules/preact-cli/node_modules/webpack/lib/Compiler.js:244:10)

Ich komme nicht weiter, ich schaffe es nicht

pierre-gilles · 14. April 2023 um 01:29

Hast du versucht, deine node_modules zu löschen und dann die Abhängigkeiten neu zu installieren?

Jean-Philippe · 14. April 2023 um 05:38

Ja.

Also, ich habe es gerade auf einem brandneuen Klon versucht, da ich in meinem Branch Änderungen mitführe.
In Node v18 habe ich einen Fehler im Zusammenhang mit der Option NODE_OPTIONS=--openssl-legacy-provider, die nicht richtig zu funktionieren scheint. Beim Downgrade auf Node v16 und Entfernen der Option funktioniert es.

Ich habe einen Beitrag gesehen, in dem du, @pierre-gilles, erwähnt hast, dass das Frontend in v16 und das Backend in v18 ist, aber die package.json zeigt heute v18 an, also nehme ich an, dass man die 18.x verwenden sollte?

pierre-gilles · 14. April 2023 um 05:48

Ich bestätige, dass wir jetzt überall Node 18 haben, sowohl im Frontend als auch im Backend.

Was für einen Fehler hast du in Bezug auf die Option?

Jean-Philippe · 14. April 2023 um 05:51

ERROR Error: error:0308010C:digital envelope routines::unsupported

Ich glaube, ich hatte das schon mal gelöst, aber ich weiß nicht mehr wie, bevor ich auf meinen anderen Fehler gestoßen bin

pierre-gilles · 14. April 2023 um 05:53

Ja, dieser Fehler wird normalerweise durch NODE_OPTIONS=--openssl-legacy-provider behoben. Du bist auf dem Master-Branch und dein package.json sieht so aus:

?

Jean-Philippe · 14. April 2023 um 05:56

ja ja ich habe die Literatur zu diesem Fehler gelesen, ich bin traurig ^^

pierre-gilles · 14. April 2023 um 05:56

Auf welchem OS bist du? Ich gebe zu, ich bin auf macOS und Linux, ich habe es noch nie auf Windows getestet, vielleicht liegt das Problem daran.

Jean-Philippe · 14. April 2023 um 05:57

Ubuntu 22.04

pierre-gilles · 14. April 2023 um 05:59

Um Gladys front zu starten, führst du npm start im Ordner front aus?

Jean-Philippe · 14. April 2023 um 06:00

Ja, das mache ich.
Okay, ich muss los, ich erledige das heute Abend… Danke für die Schnelligkeit

pierre-gilles · 14. April 2023 um 06:04

Schwer, dir ohne weitere Infos zu helfen

Wir machen alle Builds auf dem CI mit Ubuntu 22.04, Node 18, und es läuft alles super (ich habe heute Morgen mehrere Builds gemacht), also würde mich ein Problem mit dem Repo wundern. Ich glaube, es liegt an deiner Konfiguration

Schau dir deine Umgebungsvariablen an
Starte von vorne (git clone des Repos gladys, npm install, npm start)

Jean-Philippe · 14. April 2023 um 21:00

Also, ich bin von Node v18.14 auf 18.15 umgestiegen, keine OpenSSL-Fehler mehr und auch nicht bei Webpack.
Allerdings bin ich nicht mehr mit der npm-Version kompatibel.

Aber jetzt habe ich einen Fehler mit der Lib Tagify:

ERROR in ../node_modules/@yaireo/tagify/dist/tagify.min.js 305:13
Module parse failed: Unexpected token (305:13)
File was processed with these loaders:
 * ../node_modules/babel-loader/lib/index.js
 * ../node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         s = this.dropdown.getHeaderRef(),
|         a = this.dropdown.getFooterRef();
>       e && s?.parentNode.replaceChild(e, s), i && a?.parentNode.replaceChild(i, a);
|     },
|     refilter(t) {

pierre-gilles · 17. April 2023 um 02:11

Das ist schon seltsam, es sollte keine Unterschiede bei den kleineren Versionen von Node.js geben

Bei mir läuft Node v18.16 und es baut sich von alleine.

Ich habe es heute Morgen nochmal getestet, um sicherzugehen:

rm -rf node_modules
npm install
npm start

et alles installiert sich und läuft ohne Probleme.

Wie hast du Node.js installiert? Ich verwende persönlich Volta, um meine Node-Version zu verwalten: https://volta.sh/

Jean-Philippe · 17. April 2023 um 06:51

Ich bin auf Node 18.16 und npm auf v8 umgestiegen, weil ich bei v9 eine Warnung hatte. Ich habe Volta versucht, ich habe nvm verwendet.
Aber nichts hilft, ich habe immer noch den Fehler

pierre-gilles · 19. April 2023 um 01:43

Viel Glück Es ist schwer, dir ohne Informationen zu helfen.

Es muss etwas in deiner Installation anders sein, denn im CI ist ein frisches Ubuntu 22.04, Node frisch installiert, und alles funktioniert

Bei mir lokal genauso…

VonOx · 19. April 2023 um 20:03

Bei mir zu Hause habe ich überall 22.04 und ich habe das Problem nicht

Jean-Philippe · 1. Mai 2023 um 15:48

Na ja, ich habe es irgendwie geschafft, ohne alles zu verstehen …

Ich musste diese 2 Loader für Babel hinzufügen:

@babel/plugin-proposal-optional-chaining')
@babel/plugin-proposal-nullish-coalescing-operator')

Ich musste auch die Installation von sirv-cli erzwingen

Trotzdem bestätige ich, dass ich das auf meinem Laptop nicht tun musste, nur auf meinem Server musste ich das tun … ich verstehe das nicht …

Thema		Antworten	Aufrufe
Problème installation environnement de DEV Développement	6	903	24. Oktober 2022
Configuration d'une plateforme dev pour Gladys 4 Développement	11	886	16. November 2019
Philips Hue - Accessoires Développement	15	1132	14. Mai 2020
Cypress Frontend Tests Développement cypress	22	1300	15. Mai 2022
Passage à NodeJS 20 Développement	21	778	19. Februar 2025

Startproblem des Frontends in der Entwicklungsumgebung

Verwandte Themen