uniapp总结

坑

1. 打开微信开发者工具失败,检查开发者工具 服务端口是否打开. 检查是否有小程序开发权限

uniapp cli

1. vue2的项目 用node v14.15.5合适

2. vue.config.js要放到根目录.而不是src目录下

3. 小程序sourcemap显示错误 把dist/dev/.source-map 移动到 dist/dev/mp-weixin/ 目录下

4. 报错 'Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.'
   这是因为有些项目 静态资源目录不是 static 导致的bug 修复方法 任选其一

   1. 添加static目录
   2. 修改@dcloudio/vue-cli-plugin-uni/lib/configure-webpack.js 第199行 对patterns长度判断 不为空再加载 CopyWebpackPlugin 插件

   if(patterns.length != 0){
      plugins.push(new CopyWebpackPlugin(CopyWebpackPluginVersion > 5 ? {
        patterns
      } : patterns))
    }
   

5. 安装 node-sass 失败，尝试 CXXFLAGS="--std=c++17"
   yarn install -std=c++17

6. 把 manifest.json 文件里的 devServer 配置干掉

mescroll

https://www.mescroll.com/

1. mescroll-body 如果嵌套在子组件里， 父祖件则需要监听 onPageScroll和onReachBottom
   官方解释 mescroll-body是原生界面的滚动,依赖于onPageScroll和onReachBottom的页面生命周期, 所以mescroll-body尽量不要写在页面的子组件里, 因为子组件无页面的这些生命周期; 如果非要写在子组件中,则需在页面给子组件传入onPageScroll,onReachBottom,否则无法正常滑动列表和触发上拉加载;

小程序

1. 使用/deep/ 统一写到pages页面上