uniapp ly-tree 组件报 [“usingComponents“][“style“] 未找到

最新推荐文章于 2025-05-20 08:49:14 发布

原创最新推荐文章于 2025-05-20 08:49:14 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

在生成的小程序代码中，style路径引用了一个不存在的资源。问题在于ly-tree组件不支持scss格式，建议改用less或原生css来避免路径错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在生成的小程序代码里面会出现一个style，这个路径是不存在的。

  "usingComponents": {
    "style": "/uni_modules/uview-ui/libs/mixin/style",
    "ly-tree": "/components/ly-tree/ly-tree"
  }

真正的原因是，ly-tree这个组件不支持scss,你可以改成less或者使用原生css

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ScottePerk

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uni-app - 详细实现树形结构选择器组件（支持单选 / 多选 / 可选择父级 / 弹框形式）树形控件 tree 无限级节点树，树插件完整源码，最好用的组件教程

资深程序员

11-07

1万+

uni-app实现无限级树形结构组件，uniapp无限树形结构，uniapp无限级树形结构组件,多选组件,支持搜索，关于vue.js:uniapp如何实现无限级树形结构组件，uniapp无限级树形结构组件，多选组件，无限树状组件的实现，uni-app官方插件，最好用的树形结构three组件树，很好用的uni-app节点树组件教程，uni-app兼容H5app小程序的树形节点树插件组件，UNIAPP怎么实现树形解构可展开折叠的组件。uni-app-树形结构组件（支持展示、单选、多选、多选联动、展开折

使用Vant 组件 [“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：

fghfghhgjgj的博客

01-14

1万+

这个问题困扰了我很久。 “未找到”，其实就是路径不对。总结一下使用vant weapp的步骤。第一步：在node中文网，下载并安装Node。将node加入环境变量。第二步：检查node是否安装成功。 win+R，cmd，输入命令：node -v，或者npm -v，只要显示版本号就可以了。第三步：新建一个小程序。名字不要用中文的。在小程序根目录，打开命令行窗口。输入命令： npm init -y //-y的意思是，一直按 yes ,就是enter键。 npm i @vant/weapp -S

1 条评论您还未登录，请先登录后发表或查看评论

uniapp 引用 vant weapp 使用usingcomponents方式

if.else.Z

01-07

4298

"usingComponents": { "van-button": "/wxcomponents/vant/button/index", "van-cell": "/wxcomponents/vant/cell/index", "van-cell-group": "/wxcomponents/vant/cell-group/index", "van-icon": "/wxcomponents/vant/icon/index", "van-image": "/wxcompo.

uniapp运行到微信程序报错[ pages/**/index.json 文件内容错误] [“usingComponents“][“**“]未找到

最新发布

你吃不饱就好的博客

05-20

438

在package.json里加上"type": "module"即可。写uniapp vue3的时候碰到了，记录一下。export default xxx 报错时。

[“usingComponents“][“selectAddress“] 未找到，自定义组件找不到

ZhouJingID的博客

09-12

486

解决方法：删除组件文件夹的内容，然后重新创建。

微信小程序json: [“usingComponents“][“van-button“] 未找到

qq_41562031的博客

11-27

7038

历经三小时，把全网方法用便才构建成功。按着我的流程来 1、cmd进入文件下面，切记是文件，不是miniProgram，是根目录下 2、npm init初始化，初始化完成之后，小程序项目中就会出现package.json文件，说明已经初始化成功 3、npm install --production 安装生产环境，不要npm install都给装上，以免小程序包过大 4、安装vant ：npm i vant-weapp -S --production 5、打开微信开发者工具，工具栏中选择构建 npm 6、软件

usingcomponents 未找到

All____的博客

02-09

5265

解决方法["usingComponents"]["u-button"] 未找到？ | 微信开放社区

很好用的uni-app节点树组件！

06-23

【标题】"很好用的uni-app节点树组件！" 暗示了这是一个基于uni-app框架的组件，专用于创建和展示树形结构的数据。uni-app是一个多端开发框架，可以编写一次代码，同时发布到iOS、Android、H5、小程序等多个平台。这...

uniapp初识 | 根据参数动态重置radio的选中状态

雅楠小镇

08-09

1053

如下图所示的一道选择题，用户曾经提交过答案，因此当用户再次进入该页面时，自动勾选B选项。点击【下一题】时同理。当用户进入英语选择题的答题界面时，能够自动勾选该用户曾经提交的选项。这里展示的只是一个选择题，如果是多个选择题呢？答案是：将userAnswer转变为数组形式。

uni-app树形列表（单选，多选）

liuye066的专栏

11-24

6768

多选：使用的是插件市场的tree树组件（ly-tree) <ly-tree ref="tree" :treeData="treeData" v-if="ready" nodeKey="id" @node-expand="handleNodeExpand" @node-click="handleNodeClick" :showCheckbox="true" :checkOnClickNode="true" :expandOnClickNode="false" :defaultExpa

【树形权限】树形列表权限互斥选择、el-tree设置禁用等等

前端知识分享喵

09-04

2410

树形列表权限互斥选择、el-tree设置禁用等等

uniapp设置百度小程序索引页dynamicLib、usingComponents、swan-sitemap-list

qq_37568942的博客

04-08

3355

uniapp设置百度小程序索引页，主要是uniApp没有app.json不能设置dynamicLib，和当前页面不能设置json文件中的usingComponents。 1.在manifest.json中mp-baidu下面设置dynamicLib 2.在page.josn中当前页面的配置里设置usingComponents(我的页面是pages/swan-sitemap/index) ...

小程序自定义组件报错[“usingComponents“][“my-list“] 未找到

Start2019

07-01

7893

根据官网案例写了一个自定义组件，引入时总是报这个错误。后面在社区里面找到了解决办法，把上面配置中改成："my-list": "/components/my-list/my-list"就可以了。具体原因：官方文档上的自定义组件是 4 个文件全部都在 components 文件夹下，所以他们只需要 /components/my-list 就可以了。而我们实际开发需要多个组件，在 components 下会多新建一个文件夹，如果依旧 /components/my-list 这么写，此时找到的只是...

微信小程序bug小全 : [“usingComponents“][“XXX“]: “../../components/XXX/XXX“ 未找到

学生

03-08

1万+

bug 描述： pages/XXX/XXX.json: [“usingComponents”][“XXX”]: “…/…/components/XXX/XXX” 未找到，即找不到自定义组件。 bug 详述：最近在使用微信开发者工具和微信小程序原生框架开发时发现，在 components 文件夹中新建自定义组件。并在需要使用的页面文件的 json 文件中引用和 wxml 文件中使用时。 // json 文件 { "usingComponents": { "my-search": "../..

uniapp 权限树模块- ly-tree组件

Listest的博客

11-30

7949

1.效果图 2.代码 <template> <view class="container"> <view class="itemTop"> <u-navbar back-text="返回" title-color="#fff" back-icon-color="#ffffff" :is-fixed="true" :is-back="true" :back-text-style="{'color':'#fff'}"

uni-app—— uniapp 引入组件报错Component is not found in path...

qq_43201350的博客

05-16

4835

uni-app—— uniapp 引入组件报错Component is not found in path...

[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到 坑关于Vant Weapp中组件引入未找到的解决方案

SOLar7SysteM的博客

01-30

2084

在开发微信小程序时，需要引入一些第三方UI库，这时就需要用到微信小程序的 UI，分享一些遇到的问题 Vant Weapp框架引入组件失败问题:使用Vant 组件 [“usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到：[ pages/main-music/main-music.json 文件内容错误] pages/main-music/main-music.json: [“usingComponents”][“van-search”

解决[“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：

AEI的博客

06-30

8916

解决步骤：命令行cd转到miniprogram目录(注意使用下面的命令行要在工程目录下cd) cd .\miniprogram\ 在这里生成package.json npm init -y 在这个目录下安装vant npm i @vant/weapp -S --production 由于我们是在miniprogram目录下安装的，所以就不用修改project.config.json了保持默认就好： { ... "setting": { ... "packNpmM

uni-app ly-tree 关闭所有展示的选项

03-22

<think>好的，我现在需要帮助用户解决在uni-app中使用ly-tree组件时关闭所有已展开节点的问题。首先，我得仔细分析用户提供的引用内容，特别是引用[2]和[3]，因为这两处提到了ly-tree的使用和可能的优化。用户的问题是想找到关闭所有已展示选项的方法，也就是如何让所有展开的节点折叠起来。根据引用[2]，ly-tree组件有一个属性`:defaultExpandAll="true"`，这个属性默认展开所有节点。因此，用户可能需要一个方法来覆盖这个默认行为，动态地关闭所有节点。接下来，我需要查看ly-tree的文档或组件提供的API方法。虽然用户没有直接提供文档链接，但根据引用[2]中的示例代码，ly-tree有`@node-expand`和`@node-click`等事件，可能还有相关的方法。通常，树形组件会提供`expandAll`和`collapseAll`这样的方法，或者允许通过设置节点的展开状态来控制。在引用[3]中提到，组件优化时处理了节点点击后的展开问题，特别是根节点的情况。这可能意味着组件内部有处理节点展开状态的逻辑，比如通过某个属性或方法控制节点的展开。可能的解决方案是使用组件实例的引用（ref）调用内置的方法。例如，在引用[2]中，组件使用了`ref="tree"`，因此可以通过`this.$refs.tree`访问组件实例。假设ly-tree有一个`collapseAll`方法，就可以直接调用它。如果组件没有提供这样的方法，可能需要遍历所有已展开的节点，逐个关闭。这时候需要知道每个节点的标识，比如`nodeKey="id"`，然后调用类似`toggleExpanded`的方法。或者，设置`:defaultExpandAll="false"`，然后重新加载数据，但这可能不是动态的方法。另外，考虑到引用[3]中提到的`lastRank`用于判断最后一级，可能需要检查节点的层级结构，确保根节点不会被错误地关闭。但用户的问题是关于关闭所有节点，所以可能需要忽略层级，直接折叠所有。总结可能的步骤： 1. 检查ly-tree的文档是否有`collapseAll`方法。 2. 如果存在，通过ref调用该方法。 3. 如果不存在，可能需要遍历所有节点，调用`toggleExpanded`或类似方法。 4. 更新数据或重新渲染组件，确保状态生效。根据用户提供的示例代码，ly-tree接受`nodeKey`和`treeData`，所以可能需要修改`treeData`中的某个属性（如`expanded`）为false，然后重新设置数据，触发重新渲染。或者，组件可能支持通过props控制展开状态，比如`:default-expanded-keys="[]"`来设置空数组，关闭所有。如果用户需要动态控制，可能在方法中修改相关数据属性，然后强制更新组件。例如，在按钮点击事件中，将`expandedKeys`数组清空，并绑定到组件上。最终，可能需要结合组件提供的API和属性来实现，优先寻找组件自身的方法，若没有则通过数据驱动的方式更新状态。</think>在uni-app中使用`ly-tree`组件关闭所有已展开节点，可以通过以下步骤实现： ### 方法一：使用组件内置方法 1. **添加ref引用**：在`ly-tree`组件上添加`ref`属性，例如`ref="tree"`。 2. **调用`closeAllNodes`方法**：通过`this.$refs.tree`调用组件内置的折叠方法（具体方法名需参考组件文档）。 ```html <ly-tree ref="tree" ...></ly-tree> <button @click="collapseAll">关闭所有节点</button> ``` ```javascript methods: { collapseAll() { if (this.$refs.tree && this.$refs.tree.closeAllNodes) { this.$refs.tree.closeAllNodes(); // 方法名可能为 closeAll 或 collapseAll } } } ``` ### 方法二：通过数据驱动若组件支持通过数据控制展开状态，可以遍历`treeData`将所有节点的`expanded`属性设为`false`： ```javascript data() { return { treeData: [ { id: 1, label: '节点1', expanded: true, children: [...] } ] }; }, methods: { collapseAll() { const collapse = (nodes) => { nodes.forEach(node => { node.expanded = false; if (node.children) collapse(node.children); }); }; collapse(this.treeData); this.treeData = [...this.treeData]; // 触发视图更新 } } ``` ### 注意事项 1. **组件兼容性**：部分树组件（如`ly-tree`）可能依赖`nodeKey`字段（如`id`）来操作节点[^2]。 2. **动态更新**：修改数据后需重新赋值`treeData`（如`this.treeData = [...this.treeData]`）以触发重新渲染[^3]。 3. **事件监听**：若节点展开/折叠触发了事件（如`node-expand`），需在逻辑中处理相关回调[^2]。