当前位置: 首页 > news >正文

微信小程序引入TDesign组件后报错一直提示路径不对(Component is not found in path)的解决方法

最近在做微信小程序的项目,创建好项目后,按官方方式引入TDesign组件,但还是一直提示报错(Component is not found in path "miniprogram_npm/tdesign-miniprogram/button/button" (using by "pages/login/login").(env: macOS,mp,1.06.2412050; lib: 3.7.11))。

后面解决了,项目详情勾选上将JS编译成ES5。问题原因估计是我使用的小程序模板是TS+Sass的官方模板,

用typescript,打包后小程序工具默认打包成CommonJS模式,导致找不到文件。

官方安装步骤:

1、安装

npm i tdesign-miniprogram -S --production

安装完之后,需要在微信开发者工具中对 npm 进行构建:工具 - 构建 npm。 

构建时会出现NPM packages not found字样

2、构建前的配置

在project.config.json文件中添加配置

    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram/"
      }
    ],

 

在tsconfig.json文件中添加配置

"module": "ESNext",  // CommonJS修改为 ESNext  
"paths": {
      "tdesign-miniprogram/*":["./miniprogram/miniprogram_npm/tdesign-miniprogram/*"]
    }

3、修改 app.json 

将 app.json 中的 "style": "v2" 移除。

 因为 该配置 表示启用新版组件样式,将会导致 TDesign 的组件样式错乱。

此时这样之后,界面能显示,但控制台还是报错,

 

4、重要的一步骤

微信开发者工具,项目详情勾选上将JS编译成ES5,勾选上后就不报错了,这一步很重要

 

参考文献:

1、 TDesign

2、Component is not found in path “..../miniprogram_npm/@vant/weapp/button/index“ (using by “pages/inde-CSDN博客

3、正确使用微信小程序组件库,解决报错Component is not found in path-CSDN博客 

http://www.dtcms.com/a/92233.html

相关文章:

  • k8s存储介绍(五)PV与PVC
  • Windows系统中,通过局域网共享文件夹让同一路由器下的其他设备访问文件
  • Kubernetes
  • 【Java/数据结构】优先级队列(PriorityQueue)
  • .git 文件夹
  • ctfshow WEB web7
  • redis配置文件解析
  • oracle密码过期 ORA-28001解决方案: the password has expired
  • Linux学习笔记(应用篇三)
  • Java 大视界 -- 基于 Java 的大数据分布式系统的监控与运维实践(155)
  • RustDesk部署到linux(自建服务器)
  • Win11+VS2022+CGAL5.6配置
  • 自然语言处理NLP-文本预处理
  • nodejs-原型污染链
  • 4.Matplotlib:基础绘图
  • QT自运行程序
  • 在 VMware Workstation 17 中安装的 Ubuntu 虚拟机无法使用桥接模式
  • 【FDTD Solutions仿真入门及应用】
  • 【高项】信息系统项目管理师(十二)项目干系人管理【3分】
  • 《云原生安全攻防》-- K8s容器安全:权限最小化与SecurityContext
  • 洪水灌溉算法 + 总结
  • shelljs:理解ShellJS / 安装引入 / 常见方法 / 优势 / 应用场景
  • JVM 为什么不使用引用计数算法?——深入解析 GC 策略
  • 无人机无刷电机工作原理与技术要点
  • C语言中的指针高级运用
  • 5种生成模型(VAE、GAN、AR、Flow 和 Diffusion)的对比梳理 + 易懂讲解 + 代码实现
  • 2025-03-26 学习记录--C/C++-PTA 6-3 求链式表的表长
  • mysql语句 聚合+分组+内外链接
  • element与elementplus入门
  • 什么是 Promise?