收藏
回答

<mp-icon>组件在kbone中一直报错?

回答关注问题邀请回答
收藏

1 个回答

  • 燕坤
    燕坤
    2022-11-15

    修改custom-component->index.wxml中的mp-icon组件

    <mp-icon wx:elif="{{kboneCustomComponentName === 'mp-icon'}}" id="{{id}}"

    修改为:

    <mp-icon wx:elif="{{kboneCustomComponentName === 'mp-icon' && !!type}}" id="{{id}}"



    // 直接使用webpack插件进行修复
    // 在build目录下创建FixeMpIconPlugin.js文件
    // 在webpack.mp.config.js中使用即可const path = require('path')
    const fs = require('fs')
    ​
    class FixeMpIconPlugin {
      apply(compiler) {
        compiler.hooks.done.tap('fixeMpIcon', () => {
          const customComponent = path.resolve(__dirname, '../dist/mp/custom-component/index.wxml')
          let indexWxml = fs.readFileSync(customComponent).toString()
          indexWxml = indexWxml.replace(`{{kboneCustomComponentName === 'mp-icon'}}`, `{{kboneCustomComponentName === 'mp-icon' && !!type}}`)
          fs.writeFileSync(customComponent, indexWxml)
          return true
        })
      }
    }
    ​
    module.exports = FixeMpIconPlugin
    


    2022-11-15
    有用 1
    回复
登录 后发表内容