Vue2.6.0 引入组件提示找不到路径

1. 运行环境

  "dependencies": {
    "axios": "^0.19.0",
    "core-js": "^3.3.2",
    "vue": "^2.6.10",
    "vue-router": "^3.1.3",
    "vuex": "^3.0.1"
  },

使用的包管理工具是yarn

2. 问题现象

Vue2.6.0 引入组件提示找不到路径

如上图所示,HomePage.vue文件的路径是/src/views/Daily/HomePage.vue,我尝试在router的index.js中引用它

  {
    path: '/daily',
    name: 'daily',
    component: () => import('../views/Daily/HomePage.vue')
  }

但是报错了,报错的信息是

ERROR  Failed to compile with 1 errors                                                                      

This relative module was not found:

* ../views/Daily/HomePage.vue in ./src/router/index.js

3. 做的尝试

经过尝试,我发现如果将HomePage.vue即模板文件,直接放到views路径下,可以正常加载组件,但放到views的二级目录下就会报上面的错,但是如果所有的模板文件都堆在views目录下,目录结构就显得很混乱,在谷歌上查过没有找到有效的答案,想请问论坛里的大佬有没有遇到过这个问题的,是怎么解决的呢?

讨论数量: 2
大倭瓜

是不是因为扩展名大写字母的问题? HomePage.Vue 和 HomePage.vue ?

3周前 评论
malphitee (楼主) 3周前
zs4336
component: () => import('../views/Daily/HomePage.vue')

改为

component: () => import('@/views/Daily/HomePage.vue')
3周前 评论
malphitee (楼主) 2周前

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!