Taro学习踩坑记录

**

入口文件

app.jsx

**

import { View } from '@tarojs/components'


function App(props){

  
    return (
     <View>
        {props.children} // 这个必须要有否则首页不显示
     </View>
    )
  
}

export default App

tabbar主要用于路由跳转

app.config.js

export default  {
  pages: [
    "pages/index/index",
    "pages/user/index"
  ],
  window: {
    backgroundTextStyle: 'dark',
    navigationBarBackgroundColor: '#fff',
    navigationBarTitleText: 'WeChat',
    navigationBarTextStyle: 'black',
    enablePullDownRefresh:true
  },
  tabBar:{         // 有两个路由 首页和我的
    color: '#333',
    selectedColor: '#333',
    backgroundColor: 'black',
    borderStyle: 'white',
    list: [
      {
        pagePath: "pages/index/index",
        text: '首页',
      },
      
      {
        pagePath: 'pages/user/index',
        text: '我的',
      },
    ],
    
  }
}

pages里别忘了同时注册

uploadFile：fail url not in domain list

可以修改项目设置

使用taro ui， taro3.x 安装 taro-ui后打包编译报错

taro3.x后安装taro-ui要使用：

npm install taro-ui@3.0.0-alpha.3

navigateTo要注意url

要为如下

Taro.navigateTo({url:'/pages/user/newpage/index'})

不能为

Taro.navigateTo({url:'pages/user/newpage/index'})

如果落掉一个斜杠 taro会自动帮你拼接