uniapp踩坑合集

1、引用当前项目外的vue文件

小程序端不兼容，无法导入项目外文件内的vue文件成功渲染，menorepo仓库也不行

app和h5都能正常显示，小程序挂载的元素找不到对应组件，故显示不出来

解决办法：引用项目根目录src/components或者pages下任何一个组件，则能正常展示

2、自定义tabbar

网上的教程都是pages.json 的tabbar里面增加custom：true，实测只有小程序/h5有用

h5端

uni-tabbar {

display: none;

}

app端不起作用，目前网上没有找到解决办法

补充：app端找到了解决办法

第一个默认打开的tab里面加上如下所示代码，然后每个tab对应的page组件使用自己写的tab组件，注意此方法在小程序中实测不起作用

uni.hideTabBar({
    animation: true,
    success() {
      console.log("成功隐藏");
    },
    fail() {
      console.log("隐藏失败");
    },
  });

3、小程序第三方组件加class不起作用

4、app中js使用replaceAll会报错

uniapp学习笔记-问题_小程序不支持:class-优快云博客

5、动态导入组件

uniapp中无法直接使用component动态组件，只能动态导入  

注意：使用相对路径的时候在编译app的时候会报错，只能使用路径别名的方式导入

6、修改placeholder字体大小

input { // 有效

   font-size: 13px;

}

input::placeholder { // 无效

   font-size: 13px;

}