Cannot find module ‘uni-data-@/components/select/defuat.vue‘ 复制uniapp 官方uni-data-select 出现报错

问题描述

由于客户ui需求，有多个uni-data-select样式界面，然后我重新复制官方的文件，然后去改样式，加入到uniapp，插件是提示这个错误。

加入后在引入组件，

调试界面使用出来了，但是打包的时候却提示这个错误：

 Cannot find module 'data-@/components/select/defuat.vue'
18:41:42.250 1. 排查组件名称拼写是否正确
18:41:42.258 2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom
18:41:42.265 3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件

 

测试解决：

去注解文档把这段代码注释

发现没有提示报错了

然后打包发现还是提示错误

有找其他原因发现删除下面的注释就没有提示错误：

 发现还是错误：

最后解决方案：

把这里直接引入组件，方式换成 easycom

 easycom 如下：

问题解决，打包没有出现问题

原因： 

经过查看官方文档发现是easycom 开始了，components目录下的文件是直接导入的，所以需要在easycom使用。

uni-app官网