Vuetify: "These relative modules were not found" Error out of nowhere

Created on 20 Jul 2018 · 8Comments · Source: vuetifyjs/vuetify

Versions and Environment //Had to take these from package.json because project won't build

Vuetify: Was 1.0.16 | Now is 1.1.7
Vue: 2.5.16
Browsers: Firefox Latest
OS: Windows 10 Insiders 17713

Steps to reproduce

I am using the a la carte system and the only thing I did was add a reference to

<v-select>

Expected Behavior

Project compiles everytime after

Actual Behavior

Project compiled once or not even

Reproduction Link

No reproduction link

Additional Comments:

I tried all sort of things:

Removing node_modules and running NPM install
Unimporting everything related to Vuetify and still I get this error
Including full Vuetify
Asking help on Vuetify's Discord | No responses

The error I'm getting is as follows:

These relative modules were not found:

* ../../../util/helpers in ./node_modules/vuetify/src/components/VMenu/mixins/menu-keyable.js
* ../../components/VIcon in ./node_modules/vuetify/src/components/VList/VListGroup.js
* ../../directives/click-outside in ./node_modules/vuetify/src/components/VMenu/VMenu.js, ./node_modules/vuetify/src/components/VSelect/VSelect.js
* ../../directives/resize in ./node_modules/vuetify/src/components/VMenu/VMenu.js
* ../../directives/ripple in ./node_modules/vuetify/src/components/VList/VListTile.js, ./node_modules/vuetify/src/components/VTextField/VTextField.js
* ../../mixins/bootable in ./node_modules/vuetify/src/components/VList/VListGroup.js
* ../../mixins/colorable in ./node_modules/vuetify/src/components/VInput/VInput.js, ./node_modules/vuetify/src/components/VLabel/VLabel.js and 3 others
* ../../mixins/comparable in ./node_modules/vuetify/src/components/VSelect/VSelect.js
* ../../mixins/delayable in ./node_modules/vuetify/src/components/VMenu/VMenu.js
* ../../mixins/loadable in ./node_modules/vuetify/src/components/VInput/VInput.js
* ../../mixins/registrable in ./node_modules/vuetify/src/components/VList/VListGroup.js, ./node_modules/vuetify/src/components/VList/VList.js
* ../../mixins/routable in ./node_modules/vuetify/src/components/VList/VListTile.js
* ../../mixins/themeable in ./node_modules/vuetify/src/components/VCounter/VCounter.js, ./node_modules/vuetify/src/components/VInput/VInput.js and 5 others
* ../../mixins/toggleable in ./node_modules/vuetify/src/components/VList/VListTile.js, ./node_modules/vuetify/src/components/VList/VListGroup.js and 1 other
* ../../util/console in ./node_modules/vuetify/src/components/VInput/VInput.js, ./node_modules/vuetify/src/components/VSelect/VSelect.js and 1 other
* ../../util/helpers in ./node_modules/vuetify/src/components/VInput/VInput.js, ./node_modules/vuetify/src/components/VLabel/VLabel.js and 7 others
* ../VAvatar in ./node_modules/vuetify/src/components/VList/VListTileAvatar.js
* ../VChip in ./node_modules/vuetify/src/components/VSelect/VSelect.js
* ../VDivider in ./node_modules/vuetify/src/components/VSelect/VSelectList.js
* ../VIcon in ./node_modules/vuetify/src/components/VCheckbox/VCheckbox.js, ./node_modules/vuetify/src/components/VInput/VInput.js
* ../util/console in ./node_modules/vuetify/src/mixins/validatable.js, ./node_modules/vuetify/src/mixins/detachable.js
* ../util/helpers in ./node_modules/vuetify/src/mixins/selectable.js, ./node_modules/vuetify/src/mixins/stackable.js
* ./bootable in ./node_modules/vuetify/src/mixins/detachable.js
* ./colorable in ./node_modules/vuetify/src/mixins/validatable.js
* ./comparable in ./node_modules/vuetify/src/mixins/selectable.js
* ./positionable in ./node_modules/vuetify/src/mixins/menuable.js
* ./registrable in ./node_modules/vuetify/src/mixins/validatable.js
* ./rippleable in ./node_modules/vuetify/src/mixins/selectable.js
* ./themeable in ./node_modules/vuetify/src/mixins/menuable.js

layer 8 issue

Source

ThaDaVos

Most helpful comment

I think I found the culprit - like you said "Your IDE might have automatically imported something" ->
it did, it included:

import VSelect from "vuetify/src/components/VSelect/VSelect";

ThaDaVos on 20 Jul 2018

👍2 🎉1 😄1

All 8 comments

Import from vuetify/es5/..., not vuetify/src/...

KaelWD on 20 Jul 2018

👍2

@KaelWD I'm litteraly using the 'a la carte' template copied from the the Vuetify site with the generator thing, it's as follows:

import {
    transitions,
    VApp,
    VBtn,
    VCard,
    VDialog,
    VDataTable,
    VFooter,
    VForm,
    VGrid,
    VIcon,
    VList,
    VNavigationDrawer,
    VPagination,
    VTextField,
    VToolbar,
    Vuetify
} from 'vuetify'

ThaDaVos on 20 Jul 2018

Do a search for vuetify/src, your IDE might have automatically imported something.

KaelWD on 20 Jul 2018

👍1

Even if I create a new project and copy over only my custom files the errors appears - currently doing a "Process of Elimination" to narrow it down

ThaDaVos on 20 Jul 2018

I think I found the culprit - like you said "Your IDE might have automatically imported something" ->
it did, it included:

import VSelect from "vuetify/src/components/VSelect/VSelect";

ThaDaVos on 20 Jul 2018

👍2 🎉1 😄1

_(adding a note because search engines still brought me here in 2019)_

I had the same kind of error after cloning a vuejs+vuetify project on a new machine. Not using any IDE though.
Turns out npm install did not install development packages (maybe it assumed it was a production environment ; I'm using Linux Mint). I had to run an extra npm install --dev to get them, and all "relative modules were not found" errors disappeared.

matrey on 10 Apr 2019

👍2

After updating the vuetify version 1.5.14 to v2 alpha 20, I am getting the following error. Can anyone help me plz regarding this.

error in ./node_modules/vuetify/src/components/VCounter/VCounter.sass

Module build failed (from ./node_modules/sass-loader/lib/loader.js):