AntmJS / vantui

基于vant-weapp实现的Taro-React版及H5-React版组件库https://antmjs.github.io/vantui/#/home

Home Page:https://antm-js.gitee.io/vantui/#/home

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

在 page 中使用 Tabbar 标签栏,编译时会提示“渲染层网络层错误”

ayonliu opened this issue · comments

这个 Issue 涉及以下平台:

  • 微信小程序

BUG 描述
在 page 中使用 Tabbar 标签栏,编译时会提示“渲染层网络层错误”

[渲染层网络层错误] Failed to load font https://at.alicdn.com/t/font_2553510_iv4v8nulyz.woff2?t=1649083952952
net::ERR_CACHE_MISS 
(env: Windows,mp,1.06.2405020; lib: development)

复现步骤

  • 在 page 中使用 Tabbar 标签栏
    <Tabbar active={active} onChange={(e) => setActive(e.detail)}>
      <TabbarItem icon="wap-home-o">
        首页
      </TabbarItem>
      <TabbarItem icon="apps-o" dot>
        分类
      </TabbarItem>
      <TabbarItem icon="shopping-cart-o" info="5">
        购物车
      </TabbarItem>
      <TabbarItem icon="user-o" info="20"></TabbarItem>
    </Tabbar>
  • 在微信开发者工具中编译
  • 在调试器console中查看报错信息

期望结果
编译无报错

实际结果
编译有报错,但是不会阻断,可正常预览

截图
image

环境
win10

附加信息
package.json

  "dependencies": {
    "@antmjs/vantui": "^3.4.7",
    "@babel/runtime": "^7.21.5",
    "@tarojs/components": "3.6.34",
    "@tarojs/helper": "3.6.34",
    "@tarojs/plugin-framework-react": "3.6.34",
    "@tarojs/plugin-html": "^3.6.34",
    "@tarojs/plugin-platform-alipay": "3.6.34",
    "@tarojs/plugin-platform-h5": "3.6.34",
    "@tarojs/plugin-platform-harmony-hybrid": "3.6.34",
    "@tarojs/plugin-platform-jd": "3.6.34",
    "@tarojs/plugin-platform-qq": "3.6.34",
    "@tarojs/plugin-platform-swan": "3.6.34",
    "@tarojs/plugin-platform-tt": "3.6.34",
    "@tarojs/plugin-platform-weapp": "3.6.34",
    "@tarojs/react": "3.6.34",
    "@tarojs/runtime": "3.6.34",
    "@tarojs/shared": "3.6.34",
    "@tarojs/taro": "3.6.34",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.8.0",
    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
    "@tarojs/cli": "3.6.34",
    "@tarojs/taro-loader": "3.6.34",
    "@tarojs/test-utils-react": "^0.1.1",
    "@tarojs/webpack5-runner": "3.6.34",
    "@types/jest": "^29.3.1",
    "@types/node": "^18.15.11",
    "@types/react": "^18.0.0",
    "@types/webpack-env": "^1.13.6",
    "@typescript-eslint/eslint-plugin": "^6.2.0",
    "@typescript-eslint/parser": "^6.2.0",
    "autoprefixer": "^10.4.19",
    "babel-plugin-import": "^1.13.8",
    "babel-preset-taro": "3.6.34",
    "eslint": "^8.12.0",
    "eslint-config-taro": "3.6.34",
    "eslint-plugin-import": "^2.12.0",
    "eslint-plugin-react": "^7.8.2",
    "eslint-plugin-react-hooks": "^4.2.0",
    "jest": "^29.3.1",
    "jest-environment-jsdom": "^29.5.0",
    "postcss": "^8.4.39",
    "postcss-rem-to-responsive-pixel": "^6.0.1",
    "react-refresh": "^0.11.0",
    "stylelint": "^14.4.0",
    "tailwindcss": "^3.4.6",
    "ts-node": "^10.9.1",
    "tsconfig-paths-webpack-plugin": "^4.1.0",
    "typescript": "^5.1.0",
    "weapp-tailwindcss": "^3.4.0",
    "webpack": "5.78.0"
  }