最近在项目中新增了一个按钮组的组件页面,但是在其他页面引入时,一直报错
引入方式:
![](https://i-blog.csdnimg.cn/blog_migrate/fc78d7fac4ad54555d355c1c8af6fd4e.png)
报错信息:
![](https://i-blog.csdnimg.cn/blog_migrate/3f3bd5c28c5b577eef2d066038f11d88.png)
首先,将@后面的斜杠去掉,,也不行
后来,找到了原因:组件文件夹命名的问题:只写到一级目录 会默认到文件夹下找index,找不到就报错
![](https://i-blog.csdnimg.cn/blog_migrate/82885c6bf3f855a34b05eecd2174c206.png)
解决办法:
-
将保持原引用方式,将authorize.vue改为index.vue
-
保持文件夹名字不动,改变引用的import语句,改为:import authorize from '@components/authorize/authorize.vue'
以上两种方式,亲测有效