[GH-ISSUE #889] UMD minimized release with a QSelect triggers an exception: invalid assignment to const 'f' #608

New issue

Closed

opened 2026-02-27 15:51:05 +03:00 by kerem · 2 comments

kerem commented

2026-02-27 15:51:05 +03:00

Owner

Originally created by @lemmel on GitHub (Nov 26, 2020).
Original GitHub issue: https://github.com/quasar/Quasar/issues/889

Describe the bug
When using the UMD minized release of Quasar 1.14.5, the following exception is triggered:

Uncaught TypeError: invalid assignment to const 'f'
    __setVirtualScrollSliceRange https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    __setVirtualScrollSliceRange https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    __onVirtualScrollEvt https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    s https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    setTimeout handler*o https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    __resetVirtualScroll https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    __updateMenu https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    menu https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    VueJS 4
quasar.umd.modern.min.js:6:332393

The exception is not triggered when the not minimized one is used.

To Reproduce
Use of the following code:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <title>Sandbox</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.min.css" rel="stylesheet" type="text/css">
</head>
<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@^2.0.0/dist/vue.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js"></script>
  <div id='root'>
    <q-select v-model="model" :options="options" label="Standard"></q-select>
  </div>
  <script>
    new Vue({
      el: '#root',
      data: function () {
        return {
          model: null,
          options: [
            'Google', 'Facebook', 'Twitter', 'Apple', 'Oracle'
          ],
        }
      }
    })
</script>
</body>
</html>

System

Quasar UMD minified: 1.14.5
Vue 2.6.12
Firefox 83.0 and Chrome 86.0.4240.75 (64 bits)

Additional context
Thanks for the amazing library!

Originally created by @lemmel on GitHub (Nov 26, 2020). Original GitHub issue: https://github.com/quasar/Quasar/issues/889 **Describe the bug** When using the UMD minized release of Quasar 1.14.5, the following exception is triggered: ``` Uncaught TypeError: invalid assignment to const 'f' __setVirtualScrollSliceRange https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6 __setVirtualScrollSliceRange https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6 __onVirtualScrollEvt https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6 s https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6 setTimeout handler*o https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6 __resetVirtualScroll https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6 __updateMenu https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6 menu https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6 VueJS 4 quasar.umd.modern.min.js:6:332393 ``` The exception is not triggered when the not minimized one is used. **To Reproduce** Use of the following code: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Sandbox</title> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css"> <link href="https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.min.css" rel="stylesheet" type="text/css"> </head> <body> <script src="https://cdn.jsdelivr.net/npm/vue@^2.0.0/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js"></script> <div id='root'> <q-select v-model="model" :options="options" label="Standard"></q-select> </div> <script> new Vue({ el: '#root', data: function () { return { model: null, options: [ 'Google', 'Facebook', 'Twitter', 'Apple', 'Oracle' ], } } }) </script> </body> </html> ``` **System** - Quasar UMD minified: 1.14.5 - Vue 2.6.12 - Firefox 83.0 and Chrome 86.0.4240.75 (64 bits) **Additional context** Thanks for the amazing library!

kerem

2026-02-27 15:51:05 +03:00

closed this issue
added the
invalid
label

kerem commented

2026-02-27 15:51:06 +03:00

Author

Owner

@MaxXor commented on GitHub (Nov 26, 2020):

This is the right issue tracker: https://github.com/quasarframework/quasar/issues

@MaxXor commented on GitHub (Nov 26, 2020): This is the right issue tracker: https://github.com/quasarframework/quasar/issues

kerem commented

2026-02-27 15:51:06 +03:00

Author

Owner

@lemmel commented on GitHub (Nov 26, 2020):

Sorry having being an *****.

@lemmel commented on GitHub (Nov 26, 2020): Sorry having being an *****.