Skip to content
This repository was archived by the owner on Feb 12, 2021. It is now read-only.

Conversation

@quaspar
Copy link

@quaspar quaspar commented Jun 28, 2020

Denna PR löser ett problem med webpackkonfigurationen som jag stötte på.
Den här kursen kommer visserligen att avslutas men jag antar att ni kommer att ha samma problem i andra projekt så det kanske kan vara till nytta ändå :)

Så här kan problemet reproduceras:

  1. Klona repot
  2. Kör npm install
  3. Ladda app.js via en script-tagg i index.html
  4. Lägg till en rad i app.js som refererar window eller document-objekten. Tex: window.alert('test'). Avsluta med radbrytning.
  5. Kör npm start.

Förväntat utfall:

koden kompilerar, och javascriptet fungerar när du surfar till localhost med en webbläsare.

Faktiskt utfall:

Koden kompilerar inte. Webpack klagar på att window (eller document om du använde det i ditt javascript) inte är definierat.

Det verkar som att felet har med Webpack 4 eller html-loader 2.* att göra. Så jag antar att det fungerade när repot skapades, men eftersom inga exakta versioner av Webpack eller html-loader specificeras i package.json fungerar det inte längre nu när man installerar och får de senaste versionerna.

Denna PR tar bort html-loader och då fungerar allt. Nackdelen är att html-filen inte blir minifierad i produktionsläge, men det lär väl inte ha så stor betydelse.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant