微信公众号开发

微信小程序导入TDesign失败的问题

本文主要是介绍微信小程序导入TDesign失败的问题,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

导入TDesign失败的问题

  • 最近腾讯出了一个TDesign的企业级框架,刚好在开发小程序想要使用下这个框架,于是打开官网,按照官网的操作却发现了问题
  • 附上官网链接 TDesign官网
  • 官网操作步骤
    1. 在项目根目录下面使用npm安装依赖,执行npm i tdesign-miniprogram -S --production
    2. 需要在微信开发者工具中对 npm 进行构建:工具 - 构建 npm
    3. app.json 中的 "style": "v2" 移除。
    4. 在项目的JSON 文件中引入某个组件,例如:按钮对应的自定义组件即可
    • 如果是全局导入直接在项目根目录app.json写入
    • 如果是局部导入在pages某个组件的json写入
      "usingComponents": {
        "t-button": "tdesign-miniprogram/button/button"
      }
    
    1. 接着就可以在 wxml 中直接使用组件
      <t-button type="primary">按钮</t-button>
    
  • 按照以上的操作流程按道理就可以使用了,但是再进行到第二步的时候出现问题了,在构建的时候一直提示如下,导致一直构建不成功,也一直无法使用。
  • 后来发现只要在根目录的project.config.json里面添加如下配置,再执行构建就可以了。
       "setting": {
          "packNpmManually": true,
          "packNpmRelationList": [
            {
              "packageJsonPath": "./package.json",
              "miniprogramNpmDistDir": "./miniprogram"
            }
          ]
        },
    
  • 原创不易,如果不足请及时指出
这篇关于微信小程序导入TDesign失败的问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!