Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UMD minimized release with a QSelect triggers an exception: invalid assignment to const 'f'

See original GitHub issue

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!

Issue Analytics

State:
Created 3 years ago
Comments:8 (6 by maintainers)

Top GitHub Comments

1reaction

rstoenescucommented, Dec 1, 2020

Fix will be available in Quasar v1.14.6. Nice work on the fix.

0reactions

hawkeye64commented, Nov 30, 2020

After change and builing, it’s producing a g=this.$q.lang.rtl instead

Top Results From Across the Web

UMD minimized release with a QSelect triggers an exception: invalid ...

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 ......

TypeError: invalid assignment to const "x" - JavaScript | MDN

The JavaScript exception "invalid assignment to const" occurs when it was attempted to alter a constant value. JavaScript const declarations ...

Quasar v1.14.6 released! | Quasar Framework Community

... fix(ui): UMD minimized release with a QSelect triggers an exception: invalid assignment to const 'f' (#8113) (#8129); fix(QCircularProgress): safari ...

Quasar Framework/CHANGELOG and Quasar Framework Releases ...

Avg Release Cycle. 16 days. Latest Release ... fix(ui): UMD minimized release with a QSelect triggers an exception: invalid assignment to const 'f'...

TerrSet Tutorial | Clark Labs

F The project should now show \\TerrSet Tutorial\Using TerrSet as the Working Folder ... H There are three ways to launch TerrSet module...