In step 4 copying app.js gives javascript errors about your-first-pwapp HOT 2 CLOSED

I have faced the same problem today. To solve I had to open the index.html in work and the one at step 04 (from Downloaded source):

`

to

`

After doing that I faced another problem, in which I solved replacing this:

<div class="card cardTemplate weather-forecast" hidden> . . . </div>

To this:

<div class="card cardTemplate weather-forecast" hidden> <div class="city-key" hidden></div> <div class="location"></div> <div class="date"></div> <div class="description"></div> <div class="current"> <div class="visual"> <div class="icon"></div> <div class="temperature"> <span class="value"></span><span class="scale">°F</span> </div> </div> <div class="description"> <div class="feels-like"> <span class="value"></span><span class="scale">°F</span> </div> <div class="precip"></div> <div class="humidity"></div> <div class="wind"> <span class="value"></span> <span class="scale">mph</span> <span class="direction"></span>° </div> </div> </div> <div class="future"> <div class="oneday"> <div class="date"></div> <div class="icon"></div> <div class="temp-high"> <span class="value"></span>° </div> <div class="temp-low"> <span class="value"></span>° </div> </div> <div class="oneday"> <div class="date"></div> <div class="icon"></div> <div class="temp-high"> <span class="value"></span>° </div> <div class="temp-low"> <span class="value"></span>° </div> </div> <div class="oneday"> <div class="date"></div> <div class="icon"></div> <div class="temp-high"> <span class="value"></span>° </div> <div class="temp-low"> <span class="value"></span>° </div> </div> <div class="oneday"> <div class="date"></div> <div class="icon"></div> <div class="temp-high"> <span class="value"></span>° </div> <div class="temp-low"> <span class="value"></span>° </div> </div> <div class="oneday"> <div class="date"></div> <div class="icon"></div> <div class="temp-high"> <span class="value"></span>° </div> <div class="temp-low"> <span class="value"></span>° </div> </div> <div class="oneday"> <div class="date"></div> <div class="icon"></div> <div class="temp-high"> <span class="value"></span>° </div> <div class="temp-low"> <span class="value"></span>° </div> </div> <div class="oneday"> <div class="date"></div> <div class="icon"></div> <div class="temp-high"> <span class="value"></span>° </div> <div class="temp-low"> <span class="value"></span>° </div> </div> </div> </div>

After doind these two replaces, all have worked for me

from your-first-pwapp.

Hi!

Thanks for the feedback. I've rewritten the codelab from scratch and believe I have fixed this issue. The code has been updated, and the new guide is now live.

If you find any issues with the new codelab, please let us know!

Thanks!

from your-first-pwapp.