search

quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
25.9k stars 3.51k forks source link

Bootfile not loading on page refresh in IE #4455

Closed outofmemoryagain closed 5 years ago

outofmemoryagain commented 5 years ago

I have multiple bootfiles that run as part of my SPA app. They interact with the store to load state and initialize global services that are set as global vue instance properties. On IE 11 the boot files are not re-executed on page refresh, I have verified that Chrome, Firefox and Edge all re-execute as expected. In IE 11 the services stay initialized from the previous state and remain stale even after a refresh. IE must be closed for the bootfiles to be reexecuted.

To Reproduce Steps to reproduce the behavior:

  1. Add console log entries to a boot file logging when the bootfile method is executed.
  2. Open the SPA site in dev or deployed server in Internet Explorer 11. After initial loading of site the console should contain the log entries from the bootfiles.
  3. Refresh the page either using F5 or the browser Refresh button in the toolbar.
  4. The page is refreshed extremely fast, but the boot file log entries are missing from the console.

Expected behavior Bootfiles should be executed consistently on page refresh across all browsers including IE 11.

Screenshots If applicable, add screenshots to help explain your problem.

Platform (please complete the following information): Output of Quasar Info: Operating System - Windows_NT(10.0.17763) - win32/x64 NodeJs - 10.16.0

Global packages NPM - 6.9.0 yarn - 1.13.0 @quasar/cli - 1.0.0-rc.2 cordova - 9.0.0 (cordova-lib@9.0.1)

Important local packages quasar - 1.0.0-rc.4 -- High performance, Material Design 2, full front end stack with Vue.js -- build SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase @quasar/app - 1.0.0-rc.6 -- Quasar Framework App CLI @quasar/extras - 1.1.2 -- Quasar Framework fonts, icons and animations vue - 2.6.10 -- Reactive, component-oriented view layer for modern web interfaces. vue-router - 3.0.6 -- Official router for Vue.js 2 vuex - 3.1.1 -- state management for Vue.js electron - Not installed electron-packager - Not installed electron-builder - Not installed @babel/core - 7.4.5 -- Babel compiler core. webpack - 4.32.2 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff. webpack-dev-server - 3.3.1 -- Serves a webpack app. Updates the browser on changes. workbox-webpack-plugin - 4.3.1 -- A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache. register-service-worker - 1.6.2 -- Script for registering service worker, with hooks

Quasar App Extensions quasar-app-extension-qdatetimepicker - 1.0.0-alpha.35 -- QDatetimePicker for Quasar

Browser: IE 11 - version 11.557.17763.0

outofmemoryagain commented 5 years ago

I cannot reproduce at the moment outside of my project in a clean project. So I'm assuming it is related to something I am doing. I will run some more tests, if I can reproduce outside of my project I will reopen.

outofmemoryagain commented 5 years ago

I was able to track down the issue and resolve it. Although I'm not sure why it was an issue. None the less, it was not a Quasar issue.