uni-app 【报Bug】Module not found: Error: Can't resolve '@vant/weapp/button/index' 一直显示找不到组件
uni-app 【报Bug】Module not found: Error: Can’t resolve ‘@vant/weapp/button/index’ 一直显示找不到组件
产品分类
- uniapp/H5
PC开发环境操作系统
- Windows
PC开发环境操作系统版本号
- win11 23H2
HBuilderX类型
- 正式
HBuilderX版本号
- 4.15
浏览器平台
- Edge
浏览器版本
- 版本 125.0.2535.51 (正式版本) (64 位)
项目创建方式
- HBuilderX
示例代码
INFO Starting development server...
19:38:43.811 WARNING: Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/button/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\dialog'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/button/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\goods-action-button'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/button/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\goods-action-icon'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/button/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\submit-bar'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\jiedandating'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\news'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\songhuoyuanyunsongzhong'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\xueshenyiwancheng'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\xueshenyunsongzhong'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\xzs-header'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\xzs-news-item'
操作步骤
- 运行到浏览器
预期结果
- 正常运行
实际结果
19:38:25.843 项目 学校送货上门服务系统_uni 开始编译
19:38:27.829 请注意运行模式下，因日志输出、sourcemap以及未压缩源码等原因，性能和包体积，均不及发行模式。
19:38:28.901 正在编译中...
19:38:30.173 INFO Starting development server...
19:38:43.811 WARNING: Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/button/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\dialog'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/button/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\goods-action-button'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/button/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\goods-action-icon'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/button/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\submit-bar'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\jiedandating'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\news'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\songhuoyuanyunsongzhong'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\xueshenyiwancheng'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\xueshenyunsongzhong'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\xzs-header'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\components\xzs-news-item'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\pages\newsDetail'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\pages\search'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\action-sheet'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\button'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\cell'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\checkbox'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\field'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\goods-action-icon'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\nav-bar'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\notice-bar'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\popup'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\radio'
19:38:43.811 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\rate'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\steps'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\submit-bar'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\tabbar-item'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\tag'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\toast'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/icon/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\tree-select'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/loading/index' in 'E:\wx\学校送货上门服务系统_uni\pages\classify'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/loading/index' in 'E:\wx\学校送货上门服务系统_uni\pages\dingdan'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/loading/index' in 'E:\wx\学校送货上门服务系统_uni\pages\login'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/loading/index' in 'E:\wx\学校送货上门服务系统_uni\pages\news'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/loading/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\action-sheet'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/loading/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\button'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/loading/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\switch'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/loading/index' in 'E:\wx\学校送货上门服务系统_uni\wxcomponents\vant\toast'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/skeleton/index' in 'E:\wx\学校送货上门服务系统_uni\pages\proDetail'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/tab/index' in 'E:\wx\学校送货上门服务系统_uni\pages\classify'
19:38:43.812 Module not found: Error: Can't resolve '[@vant](/user/vant)/weapp/tabs/index' in 'E:\wx\学校送货上门服务系统_uni\pages\classify'
19:38:43.812 App running at:
19:38:43.812 - Local: http://localhost:8080/
19:38:43.812 - Network: http://10.61.227.232:8080/
19:38:43.812 项目 学校送货上门服务系统_uni 编译成功。前端运行日志，请另行在浏览器的控制台查看。
19:38:43.812 点击控制台右上角debug图标（虫子），可开启断点调试（添加断点：双击编辑器行号添加断点）
19:38:43.812 Web版常见问题参考: https://ask.dcloud.net.cn/article/35232
更多关于uni-app 【报Bug】Module not found: Error: Can't resolve '@vant/weapp/button/index' 一直显示找不到组件的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app 【报Bug】Module not found: Error: Can't resolve '@vant/weapp/button/index' 一直显示找不到组件的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在使用 uni-app 开发时，如果遇到 Module not found: Error: Can't resolve '@vant/weapp/button/index' 的错误，通常是因为项目中没有正确安装或配置 Vant Weapp 组件库。以下是一些可能的解决方案：
1. 确保安装了 Vant Weapp
首先，确保你已经安装了 Vant Weapp。你可以通过以下命令来安装：
npm install @vant/weapp -S --production
2. 在 pages.json 中配置 Vant 组件
在 pages.json 中，确保你已经正确配置了 Vant Weapp 的路径。例如：
{
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}
}
3. 检查 node_modules 目录
确保 @vant/weapp 目录存在于 node_modules 中。如果不存在，可能是因为安装过程中出现了问题，可以尝试删除 node_modules 目录并重新安装依赖：
rm -rf node_modules
npm install
4. 检查 webpack 配置
如果你自定义了 webpack 配置，确保 @vant/weapp 的路径被正确解析。你可以尝试在 vue.config.js 中添加以下配置：
const path = require('path');
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@vant/weapp': path.resolve(__dirname, 'node_modules/@vant/weapp')
}
}
}
};
5. 确保项目路径正确
如果你在项目中使用了相对路径，确保路径是正确的。例如，如果你在某个页面中引入 Vant 组件，确保路径是相对于当前文件的。
6. 清理缓存
有时，缓存可能会导致问题。你可以尝试清理 npm 缓存并重新安装依赖：
npm cache clean --force
npm install
7. 检查 uni-app 版本
确保你使用的 uni-app 版本与 Vant Weapp 兼容。如果你使用的是较旧的 uni-app 版本，可能需要升级到最新版本。
8. 使用 @dcloudio/uni-ui 替代
如果你发现 Vant Weapp 在 uni-app 中兼容性有问题，可以尝试使用 @dcloudio/uni-ui 组件库，它是 uni-app 官方推荐的 UI 组件库。
9. 检查 package.json 中的依赖
确保 package.json 中的 dependencies 或 devDependencies 中包含了 @vant/weapp。
10. 重新构建项目
有时，重新构建项目可以解决一些问题。你可以尝试删除 dist 目录并重新构建项目：
rm -rf dist
npm run build