微信小程序导入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"
    }
  

  5. 接着就可以在 wxml 中直接使用组件

    <t-button type="primary">按钮</t-button>
  

• 按照以上的操作流程按道理就可以使用了，但是再进行到第二步的时候出现问题了，在构建的时候一直提示如下，导致一直构建不成功，也一直无法使用。
  • 
• 后来发现只要在根目录的project.config.json里面添加如下配置,再执行构建就可以了。

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

• 原创不易，如果不足请及时指出