Vuetify: You may need an appropriate loader to handle this file type. isExtensible

Created on 27 Mar 2018  路  4Comments  路  Source: vuetifyjs/vuetify

vue : version "2.5.16"
vuetify : version "1.0.10"

Please help me in this issue, i try to overwrite VNavigationDrawer Component
i using the postcss-rtl to flip the css design

 ERROR  Failed to compile with 1 errors12:19:59 AM

 error  in ./node_modules/vuetify/src/util/helpers.js

Module parse failed: Unexpected token (34:28)
You may need an appropriate loader to handle this file type.
|       context.data.on = context.data.on || {}
|       if (!Object.isExtensible(context.data.on)) {
|         context.data.on = { ...context.data.on }
|       }
| 

 @ ./node_modules/vuetify/src/mixins/positionable.js 1:0-52
 @ ./node_modules/vuetify/src/mixins/applicationable.js
 @ ./node_modules/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.js
 @ ./libraries/components/my-navigation-drawer.js
 @ ./plugins/components.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js
// Mixins
import VNavigationDrawer from 'vuetify/src/components/VNavigationDrawer/VNavigationDrawer'

export default {
  name: 'my-navigation-drawer',

  mixins: [VNavigationDrawer],

  props: {
    rtl: Boolean
  },

  computed: {
    calculatedTransform() {
      if (this.isActive) return 0

      if (this.rtl) {
        return this.right ? -this.calculatedWidth : this.calculatedWidth
      }

      return this.right ? this.calculatedWidth : -this.calculatedWidth
    }
  }
}
invalid

Most helpful comment

You need to either:

  • import from es5 instead of src
  • configure babel properly

All 4 comments

Please follow our issue template (https://issues.vuetifyjs.com/) and submit the issue again. It helps us get all the info we need to help you the best we can.

You need to either:

  • import from es5 instead of src
  • configure babel properly

@KaelWD Thank you so much you save my day, it works using the first suggestion (import from es5 instead of src).

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dschreij picture dschreij  路  3Comments

aaronjpitts picture aaronjpitts  路  3Comments

radicaled picture radicaled  路  3Comments

milleraa picture milleraa  路  3Comments

Antway picture Antway  路  3Comments