微信小程序 遇到的一些坑【MacOS + 微信开发者工具】 更新于20230321

1.已被代码依赖分析忽略，无法被其他模块引用。你可根据控制台中的【代码依赖分析】告警信息修改代码，或关闭【过滤无依赖文件】功能

• 只需在“project.config.json”=>“setting”里面将"ignoreDevUnusedFiles"和"ignoreUploadUnusedFiles"都设置为 false，然后保存，重新编译即可

// project.config.json

{
  "setting": {
    "ignoreDevUnusedFiles": false,
    "ignoreUploadUnusedFiles": false,
  }
}

2.代码检查-组件按需注入 未通过

• 只需在“app.json”=> 将 “lazyCodeLoading” 设置为 “requiredComponents”，然后保存，重新编译即可

{
  "lazyCodeLoading": "requiredComponents", // 添加该项配置后，未使用的代码文件将不会被执行。
  "pages": [
    // ...
  ],
  // ...
}

3. 使用 want-weapp UI组件，引入 Toast、Dialog 等方法类，出现【未找到 XXX 节点，请确认 selector 及 context 是否正确】的情况

以 Toast 为例子

// xxx.json

{
  "usingComponents": {
    "van-toast": "@vant/weapp/toast/index" // 按需引入页面需要使用的 UI组件
  }
}

<!-- xxx.wxml -->
<!-- 根节点，引入对应的 UI组件 -->
<van-toast id="van-toast" />

// xxx.js

import Toast from '@vant/weapp/toast/toast'; // UI组件实例化

const that = this;
Toast({
  context: that, // context 选择器的选择范围，可以传入自定义组件的 this 作为上下文 object 当前页面，因为组件需要写在页面根节点上！
  title: '显示标题',
  message: '显示内容'
})