taro-ui alipay 报错

[djkloop]

问题描述
[问题描述：站在其它人的角度尽可能清晰地、简洁地把问题描述清楚]
Taro-ui在支付宝小程序里面不能使用Message组件

复现步骤
[复现问题的步骤]

/*

  和官方的代码一模一样。
  在支付宝小程序里面直接报错...

*/

Taro.atMessage({
      'message': '消息通知',
      'type': type,
 })

期望行为
[这里请用简洁清晰的语言描述你期望的行为]
希望不报错

报错信息

[这里请贴上你的完整报错截图或文字]

系统信息

Taro v1.2 及以上版本已添加 taro info 命令，方便大家查看系统及依赖信息，运行该命令后将结果贴下面即可。

• 操作系统: macIS 10.14.3
• Taro 版本 v1.3.18
• Node.js 版本 v.11.0.0
• 报错平台 alipay
• TaroUI 版本 v2.2.2

补充信息
[可选]
[根据你的调查研究，出现这个问题的原因可能在哪里？]

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[jinjinjin0731]

jsx 中也要写上 <AtMessage /> ,

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~

[djkloop]

@jinjinjin0731
emmm....写了的。在标签里

[djkloop]

import { ComponentType } from 'react'
import Taro, { Component, Config, ComponentOptions } from '@tarojs/taro'
import { View } from '@tarojs/components'
import { observer, inject } from '@tarojs/mobx'
import { AtFab, AtMessage, AtActionSheet, AtActionSheetItem } from 'taro-ui'
import Header from '@/components/Header/Header'
import Result from '@/components/Result/Result'
import { IEatWhatDataProps } from '@/types/eat'

import './index.scss'

interface IEatWhatState {
  isOpented: boolean
}

@inject('eatWhatStore')
@observer
class Index extends Component<IEatWhatDataProps, IEatWhatState> {

  constructor(props: IEatWhatDataProps) {
    super(props)
    this.state = {
      isOpented: false
    }
    Taro.showNavigationBarLoading();
  }

  options: ComponentOptions = {
    addGlobalClass: true
  }

  /**
   * 指定config的类型声明为: Taro.Config
   *
   * 由于 typescript 对于 object 类型推导只能推出 Key 的基本类型
   * 对于像 navigationBarTextStyle: 'black' 这样的推导出的类型是 string
   * 提示和声明 navigationBarTextStyle: 'black' | 'white' 类型冲突, 需要显示声明类型
   */
  config: Config = {
    navigationBarTitleText: '初始化...',
  }

  componentWillMount () { }

  componentWillReact () {
    console.log('componentWillReact')
  }

  componentDidMount () { 
    
    this.initTitle()
    this.initTip()
    
  }

 

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  /**
   * initTip
   */
  public initTip() {
  // 这里报错了
    Taro.atMessage({
      'message': `acb`,
      'duration': 4500
    })
  }
  /**
   * initTitle
   */
  public initTitle() {
    const { eatWhatStore: { globalConfig: { title } } } = this.props
    Taro.setNavigationBarTitle({
      title
    })
    Taro.hideNavigationBarLoading();
  }

  /**
   * handleChooseClick
   */
  public handleChooseClick() {
    this.setState({
      isOpented: true,
    })
  }

  /**
   * handleActionItemClick
   */
  public handleActionItemClick(item) {
    console.log(item)
  }

  render () {
    const { eatWhatStore: { eatWhatData: { eatTypesArrays } } } = this.props
    return (
      <View className='index'>
        <AtMessage />
        <Header />      
        <Result />
        <View className='fat-btn'>
          <AtFab onClick={this.handleChooseClick.bind(this)} className='btn-red'>选择</AtFab>
        </View>
      </View>
    )
  }
}

export default Index  as ComponentType