Bug with Safari

[shammelburg]

Version

3.0.0-beta.6

Reproduction link

https://github.com/shammelburg/vue-cli-test

Steps to reproduce

Once you've cloned the project,

1. npm run serve
2. Go to Input.vue
3. add another input in the template
4. save (this will show on hot reload)
5. refresh the browser manually (the input is gone)
6. return to the code and save the file again (input appears)

What is expected?

When I refresh the browser the app needs to give me the latest build from when I saved the changes.

What is actually happening?

When making changes to a .vue file, eg. changing an input in the template,

the browser updates initially but when you refresh the browser manually it seems to return to first time you run 'npm run serve'.

When starting and stopping the app through terminal the app runs ok.

A similar things happens when changing property names.

---

I've ran this on Chrome and it works fine.

I'm running this on my Mac.

[zigomir]

So weird. It doesn't have to do anything with input, it behaves same for anything you change. Hot reload works, but after refresh you get old contents. I figured if I refresh http://localhost:8080/app.js in another tab I get latest bundle served and manual refresh works again. But not always 🌘 Even disabling cache (see Safari 11.1 below) won't help :/

It looks like Safari 11.1 caching issue to me. My wild guess would be they introduced regressions with implementing service workers. 👹

[daniele-orlando]

I'm facing the same bug.
Vue-Cli 3.0.0-beta.6
Safari 11.1

It is such a problem that I can't use Safari to develop with Vue anymore.

[yyx990803]

This is definitely a bug in Safari itself...

[joshgoebel]

FYI: Confirming issue with Safari 11.1.2. Also Safari Tech Preview Release 60 (Safari 12.0, WebKit 13606.1.23.1).

Works fine in Chrome.

[Twinpix]

I was facing the same annoying bug with Safari (both desktop and mobile), and since "app.js" was not updated , I had to add this code in "vue.config.js" to make it work.

module.exports = {
  chainWebpack: config => {
    if (process.env.NODE_ENV === 'development') {
      config
        .output
        .filename('[name].[hash].js') 
        .end() 
    }  
  }
}

[lmuzquiz]

Same issue here using safari 13.0.4 on Mac OS Catalina 10.15.2

[iandk]

Same issue