Vue-cli: these dependencies not found but it actually not dependencies

Created on 3 Sep 2018 · 4Comments · Source: vuejs/vue-cli

Version

3.0.1

Node and OS info

node v8.9.0 / yarn 1.9.0 / mac os

Steps to reproduce

i actually just git pull from other branch
and run yarn serve

What is expected?

expected run well when try to yarn serve vue-project

What is actually happening?

These dependencies were not found:

@/views/warehouse/delivery/DeliveryDetail.vue in ./src/router/warehouse-delivery/index.js
@/views/warehouse/delivery/DeliveryMain.vue in ./src/router/warehouse-delivery/index.js
@/views/warehouse/delivery/DeliveryParent.vue in ./src/router/warehouse-delivery/index.js
@/views/warehouse/label/LabelDetail.vue in ./src/router/label/index.js
@/views/warehouse/label/LabelMain.vue in ./src/router/label/index.js
@/views/warehouse/label/LabelParent.vue in ./src/router/label/index.js
@/views/warehouse/order/OrderDetail.vue in ./src/router/warehouse-order/index.js
@/views/warehouse/order/OrderMain.vue in ./src/router/warehouse-order/index.js
@/views/warehouse/order/OrderParent.vue in ./src/router/warehouse-order/index.js
To install them, you can run: npm install --save @/views/warehouse/delivery/DeliveryDetail.vue @/views/warehouse/delivery/DeliveryMain.vue @/views/warehouse/delivery/DeliveryParent.vue @/views/warehouse/label/LabelDetail.vue @/views/warehouse/label/LabelMain.vue @/views/warehouse/label/LabelParent.vue @/views/warehouse/order/OrderDetail.vue @/views/warehouse/order/OrderMain.vue @/views/warehouse/order/OrderParent.vue

the error says these dependencies were not found, but actually is not a dependencies it just some router in my vue project.

Source

erwinwahyura

Most helpful comment

@LinusBorg
I just moved files back and forth, it doesn't throw error anymore. I did not change any code, just undo what i did. This is weird.
i updated node from 8.11 to 8.12. And npm 5.6 to 6.4. This is the only difference.

ghost on 6 Oct 2018

👍3

All 4 comments

This seems to be a problem with your specific project, which you don't share.

Please use forum.vuejs.org or chat.vuejs.org to ask for help with your project.

LinusBorg on 3 Sep 2018

@LinusBorg
This is caused because components inside a folder import another component from another folder. Path resolving seems to have an issue.
I moved the file to src folder and fixed paths, it worked.
For Example:
_This throws the error_
In @/pages/Login.vue -> import LoginForm from "@/components/forms/LoginForm.vue"
_This works but can't leave files there._
In @/pages/Login.vue -> import LoginForm from "@/LoginForm.vue"

ghost on 6 Oct 2018

👍3

I experienced this as well. I had to make a change to the file that contained the import statement while vue-cli-service serve was running (even adding and removing whitespace worked), and then the issue went away. Seems like there was some kind of caching happening using vue-cli-service serve that persisted even between restarts.