Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v3.0.7, h5 , hash模式下,刷新页面tabbar不显示 #7290

Closed
jenerse opened this issue Aug 8, 2020 · 24 comments
Closed

v3.0.7, h5 , hash模式下,刷新页面tabbar不显示 #7290

jenerse opened this issue Aug 8, 2020 · 24 comments
Labels
F-react Framework - React P-1 High, patch T-h5 Target - 编译到 H5 V-3 Version - 3.x

Comments

@jenerse
Copy link

jenerse commented Aug 8, 2020

相关平台

H5

浏览器版本: Chrome 84.0.4147.105
使用框架: React

复现步骤

  1. 使用taro 3.0.7新建版本
  2. 在 config/dev.js h5中加入 devServer配置,具体配置如下
module.exports = {
  env: {
    NODE_ENV: '"development"'
  },
  defineConstants: {
  },
  mini: {},
  h5: {
    router: {
      mode: 'hash'
    },
  }
}
  1. 在app.config.js加入配置, 具体配置如下
export default {
  pages: [
    'pages/index/index',
    'pages/index2/index'
  ],
  window: {
    backgroundTextStyle: 'light',
    navigationBarBackgroundColor: '#fff',
    navigationBarTitleText: 'WeChat',
    navigationBarTextStyle: 'black'
  },
  tabBar: {
    color: '#999999',
    selectedColor: '#571B11',
    borderStyle: 'black',
    backgroundColor: '#FFFFFF',
    list: [{
      pagePath: 'pages/index/index',
      text: '首页',
    }, {
      pagePath: 'pages/index2/index',
      text: '我的',
    }],
  },
}
  1. 加入index2页面(内容随便)

  2. 启动taro服务

期望结果

能正常显示tabbar

实际结果

不能正常显示tabbar
WeChat2ce99fd03a523eaff0ac1be5840c9d8b

环境信息

  Taro CLI 3.0.7 environment info:
    System:
      OS: macOS 10.15.6
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 10.13.0 - ~/.nvm/versions/node/v10.13.0/bin/node
      Yarn: 1.22.4 - /usr/local/bin/yarn
      npm: 6.4.1 - ~/.nvm/versions/node/v10.13.0/bin/npm
    npmPackages:
      @tarojs/cli: ^3.0.7 => 3.0.7 
      @tarojs/components: ^3.0.7 => 3.0.7 
      @tarojs/runtime: 3.0.7 => 3.0.7 
      @tarojs/taro: 3.0.7 => 3.0.7 
      @tarojs/webpack-runner: ^3.0.7 => 3.0.7 
      babel-preset-taro: ^3.0.7 => 3.0.7 
      eslint-config-taro: 3.0.7 => 3.0.7 
      react: ^16.13.1 => 16.13.1 
@taro-bot2 taro-bot2 bot added F-react Framework - React T-h5 Target - 编译到 H5 V-3 Version - 3.x labels Aug 8, 2020
@jenerse jenerse changed the title 3.0.7, h5 , hash模式下,刷新页面tabbar不显示 v3.0.7, h5 , hash模式下,刷新页面tabbar不显示 Aug 8, 2020
@yxl2628
Copy link

yxl2628 commented Aug 13, 2020

同样遇到了这个问题

@jenerse
Copy link
Author

jenerse commented Aug 17, 2020

没人跟进一下吗。。

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

20 similar comments
@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@cdd111
Copy link

cdd111 commented Aug 21, 2020

不是hash模式也是存在这个问题

@jx-zyf
Copy link

jx-zyf commented Aug 28, 2020

我也遇到了同样的问题,有解决方案了吗?

@Chen-jj Chen-jj added the P-1 High, patch label Sep 3, 2020
@taro-bot2 taro-bot2 bot added this to the 3.0.9 milestone Sep 3, 2020
@Chen-jj Chen-jj modified the milestones: 3.0.9, 3.0.10 Sep 3, 2020
@Chen-jj Chen-jj modified the milestones: 3.0.10, 3.0.11 Sep 10, 2020
ZakaryCode added a commit that referenced this issue Sep 15, 2020
@ZakaryCode ZakaryCode mentioned this issue Sep 15, 2020
20 tasks
ZakaryCode added a commit that referenced this issue Sep 18, 2020
@ZakaryCode ZakaryCode modified the milestones: 3.0.11, 3.0.12 Sep 18, 2020
@Chen-jj Chen-jj removed this from the 3.0.15 milestone Oct 13, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
F-react Framework - React P-1 High, patch T-h5 Target - 编译到 H5 V-3 Version - 3.x
Projects
Archived in project
Development

No branches or pull requests

6 participants