[Vuejs]-Babel.config.js: Error while loading config – Cannot find module 'fibers'

1👍

Are you using the latest version of the docs? I followed the link you provided and the anchor #bootstrapping-the-vuetify-object doesn’t appear to exist anymore. I was able to get a basic project up and running successfully following these steps:

  1. vue create myapp: Selected “custom” and ticked all the boxes, for TypeScript, chose the default “class-style components”
  2. verified that npm run serve worked
  3. vue add vuetify: Selected “Configure”, and these options:
    1. Y (default)
    2. y
    3. y
    4. Material Design Icons (default)
    5. N (default)
    6. Y (default)
    7. English (default)
  4. npm run serve would run, but I got warnings about type declaration for vuetify/lib. This answer led me to this FAQ item which made the warnings go away. (You have to add "vuetify" to the compilerOptions.types array in the root tsconfig.json for the project.)

FWIW, fibers does not appear to be included in the project at all anymore (searched for “fibers” in package-lock.json). My babel.config.js file looks like:

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

And vue.config.js looks like:

module.exports = {
  transpileDependencies: [
    'vuetify'
  ]
}

Hope this helps!

Leave a comment