es6，@import一直报错 Can't resolve。。

最近在项目中新增了一个按钮组的组件页面，但是在其他页面引入时，一直报错

引入方式：

报错信息：

 

首先，将@后面的斜杠去掉，，也不行

后来，找到了原因：组件文件夹命名的问题：只写到一级目录 会默认到文件夹下找index，找不到就报错

解决办法：

• 将保持原引用方式，将authorize.vue改为index.vue
• 保持文件夹名字不动，改变引用的import语句，改为：import authorize from '@components/authorize/authorize.vue'

 以上两种方式，亲测有效

 

 

转载于:https://www.cnblogs.com/lemoncool/p/9375894.html