uni-app 里Error: Can't resolve '@/components/uni-XXX.vue'

最新推荐文章于 2025-05-06 11:33:42 发布
最新推荐文章于 2025-05-06 11:33:42 发布
阅读量1w 收藏 7
点赞数 4
CC 4.0 BY-SA版权
分类专栏： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43517374/article/details/103698144

标题uni-app 里Error: Can’t resolve ‘@/components/uni-.vue’

一般是由两个问题引起的，第一是没有将相应的组件引入，比如下面这张图，
我使用抽屉组建的时候烦的错，所以把抽屉的组件引进去
在这里插入图片描述
第二个问题是没有安装这两个插件，打开cmd，转到自己的项目下
运行这两条命令，等命令运行完就可以使用了
npm install --save-dev sass-loader
npm install --save-dev node-sass

uni-app - 头像图片裁剪组件（支持多种裁剪，手势控制旋转或缩放、内外部控制图片移动、提供上传后端接口方案、头像图片美化）全端兼容H5网站、支付宝/微信小程序、安卓App、苹果App、nvue
王二红
11-08 1万+
uniapp，H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue，裁剪，官方图片上传裁剪并上传到后端组件，uni-app实现简单易用的头像裁剪上传组件，uniapp头像美化图片组件，uniapp如何实现图片上传后裁剪功能，裁剪图片，裁剪头像，uniapp头像裁剪带上传功能的组件，头像上传裁切剪切组件，uni-app实现图片的上传和裁剪，uni-app使用图片裁剪插件，uniApp实现选择图片裁剪设置用户头像，vueuni-app裁剪图片(裁剪头像)插件，uni-app实现上传图片裁剪效果
vue项目出现Uncaught SyntaxError: Unexpected token ＜ 解决方案
热门推荐
oopxiajun博客专栏
08-25 5万+
现象 开发 测试 启动 npm run dev 能正常访问 打包 npm run build 后访问页面出现空白，浏览器F12 查看报错 就一个简单的页面，连个js文件都没引用，结果出现Uncaught SyntaxError: Unexpected token < 细究原因 服务器端，要是访问了一个不存在的文件【路径写错了】返回了一个404的提示页面 看看vue最后打包的index.html中的内容 <!DOCTYPE html><html> &...
Error: Can‘t resolve ‘@dcloudio/uni-ui/lib/uni-badge/uni-badge‘ in ‘E:\software\Project\uni-app\dnpi
qq_16390503的博客
07-29 3747
Error: Can‘t resolve ‘@dcloudio/uni-ui/lib/uni-badge/uni-badge‘ in ‘E:\software\Project\uni-app\dnpi 说明你应该是在网上找的uniapp课程学习 翻了uni-ui官方发现这个： 在vue-cli项目中可以使用npm安装uni-ui库 ，或者直接在HBuilderX项目中使用npm。（不推荐后一种方式） 注意cli 项目默认是不编译node_modules下的组件的，导致条件...
uni-app小程序npm ERR! ERESOLVE could not resolve
m0_55464684的博客
03-15 1106
【具体解决】下载的一个插件里跟原来的vite有冲突，用--force, or --legacy-peer-deps添加在下载语句后面，又会报sass-loader的错，测试其他项目都是正常运行的，判断是单独添加进的插件的问题，在package.json里把该行代码删除，删掉package-lock.json和node_modules重新下载一下npm install。【提示使用】this command with --force, or --legacy-peer-deps。
uni-app 知识点总结与实践
最新发布
Ajsheq的博客
05-06 564
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS、Android、Web（响应式）、以及各种小程序（微信 / 支付宝 / 百度 / 头条等）、快应用等多个平台3。它的出现旨在解决跨平台开发的问题，让开发者能够用统一的代码库构建多端应用，大大提高了开发效率和降低了开发成本3。uni - app 作为一款强大的跨平台开发框架，为开发者提供了高效、便捷的开发方式，能够帮助开发者快速构建出功能丰富、性能优异的多端应用。
uni-app报错
zhangzhuo1130的博客
06-04 721
uniapp引入官方css样式错误，Cant resolve staticuni.ttf。
m0_46800820的博客
06-04 3624
uni-app引入官方css样式错误，Can’t resolve ‘/static/uni.ttf’。 这个主要是因为我们创建的项目中的uni.css中引用了static目录下的uni.ttf这个文件，但是我们的static目录下没有uni.tff这个文件。 解决办法一：我们将本地引用，改为在线引用。 @font-face { font-family: uniicons; font-weight: normal; font-style: normal; src: url('https://img
uniapp Module not found: Error: Can‘t resolve ‘svg-sprite-loader‘ in uniapp-cli
MAIMIHO的博客
09-17 1101
uniapp Module not found: Error: Can't resolve 'svg-sprite-loader' in uniapp-cli
Can‘t resolve ‘@components/Left.vue‘ in ‘D:\Java kaifa software\workspace\demo-01\src‘
m0_52243808的博客
07-26 353
这里面是@出了问题，我们把@改为./问题就可以解决，网页顺利打开。在使用vscode构建项目的时候出现上述的bug，代码如下。
Vue3 + Ts + Pinia + uni-app 学习笔记
qq_33365152的博客
09-13 1117
Vue3 +Ts + Pinia + uni-app 学习笔记
Vue 前端uni-app多环境配置部署服务器的问题
奥特曼超人的博客专栏
09-14 1万+
H5的manifest配置很多人对部署的环境会有疑问，模版，毕竟Vue没有暴漏出像JAVA那样的可配置环境 SyntaxError: Unexpected token p in JSON很多人用 `npm install` 后都会出现**package的系列问题**。 - 需要区分 开发、QA、预发布、生产等多个环境，如何满足？ - 怎么部署到服务器上自动判断呢？ **Vue 只关注视图层** ， 采用自底向上增量开发的设计。 2. Vue API 实现了数据绑定和视图组件
uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案
积跬步，至千里。
10-27 8306
uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案
node20下uniapp运行报错问题Module not found: Error: Can‘t resolve ‘@babel/runtime/helpers/defineProperty‘ in
u011535199的博客
09-11 388
主要原因是缺少@babel/runtime依赖。
npm run dev 报错 X [ERROR] Could not resolve “@vue/shared“
D_Fortune的博客
04-11 1038
执行以下命令，将 @vue/shared 添加到项目的依赖中。缺少@vue/shared依赖。
Vue为什么报错 Can't resolve '@/components/index.vue'
qq_44707265的博客
05-14 1万+
看看是不是路径问题，如果是根据，前面记得加@/ 如果是当前目录加./ 不能写相对路径
module not found: error: can‘t resolve ‘@vue/composition-api‘ in + 路径
qq_51574759的博客
04-23 7515
这个问题主要是，没安装@vue/composition-api为插件，一般更改就行了： npm install @vue/composition-api 或者 yarn add @vue/composition-api 用NPM很可能会error，原因我猜是VUE的版本问题，但yarn应该能正常下载。 ...
uniapp运行到微信开发者工具报错：[error] Error: Fail to open IDE 问题解决
dlchgg的博客
12-30 703
情况很多，我碰到的原因是：我的包有问题，重新npm i 之后就好了。
uni-app项目不显示＜uni-icons＞＜/uni-icons＞以及其他uni-开头的组件
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-27 906
然后去项目目录下cmd。然后重新运行项目即可。
uni-app uni-icons图标不显示问题
2201_75783276的博客
03-30 8527
这项改成false。
Module not found: Error: Can't resolve '@/components/uni-collapse.vue'
12-16
npm install @/components/uni-collapse.vue ``` 3. 确保你的webpack配置正确。你需要在webpack配置文件中添加一个别名，以便webpack可以正确地解析路径。例如： ```javascript resolve: { alias: { '@': ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值