窝窝头的博客

目录：版本说明当前配置信息问题以及对应解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2"react": "16.8.3","react-native": "0.59.9"二、当前配置信息2.1、Android Studio 相关配置如下Android Gradle Plugin Version(3.4.0) 插件版本对应所需 Gradle Version(5.5.1) ，这里版本必须对应，不然会出现各种莫名奇妙的问题// `${项目名}/an

目录：版本说明问题原因解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2"react": "16.8.3","react-native": "0.59.9"二、问题原因2.1、修改项目代码后，Android Studio 中运行、打包后未更新三、解决办法，参考这里3.1、原因是 8081 端口被占用，kill 所有 8081 端口的其他程序，再重新运行项目即可项目根目录下运行此命令react-native bundle --platfo

目录：版本说明报错内容解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2"react": "16.8.3","react-native": "0.59.9","react-native-audio": "4.3.0",二、在Android 安卓环境，Android Studio 中运行启动项目时出现以下错误： Unable to load script.Make sure you're either running a metro server(ru

目录：版本说明安卓配置内容IOS配置内容使用方式一、版本说明本机系统： MacAndroid studio: 3.6.2Xcode: 11.4二、 安卓配置内容， Android 环境，参考这里2.1、目录下 ${项目名}/android/app/src/main/java/com.项目名/，新增以下两个文件 RNToolsManager.java、 RNToolsPackage.java，并修改文件 MainApplication.java新增文件 RNToolsManage

目录：版本说明安卓配置内容IOS配置内容最终效果（修改配置文件package.json，安卓和IOS自动修改版本号）一、版本说明本机系统： MacAndroid studio: 3.6.2Xcode: 11.4修改package.json配置// 希望达到的效果是，修改此处版本号，运行安卓、IOS，版本号自动同步修改{ ... "version": "1.2.2"， ...} 二、安卓配置内容 ，参考这里2.1、修改文件 android/app/build.

目录：版本说明报错内容解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2"react": "16.8.3","react-native": "0.59.9","react-native-audio": "4.3.0",二、项目构建时出现以下错误 Caused by: org.gradle.api.internal.artifacts.ivyservice ...三、解决办法，参考这里3.1、手动修改配置 AudioRecorderManager

目录：版本说明报错内容解决办法一、版本说明本机系统： Mac二、[Android] adb -s 设置端口号，提示多个设备/模拟器2.1、由于设备设置了通过wifi进行调试，但是连接设备后，设置端口号，会出现提示多个设备/模拟器！？！1.设备连接情况：adb devices出现一个设备：192.168.106.8:5555 2.查看设备连接详细情况：adb devices -l 192.168.106.8:5555 xxxxxx三、解决办法3.1、尝试断开此连接，直

目录：报错内容解决办法一、[Android] 运行出现 java.io.IOException 问题运行的时候，之前因为代码问题报错了，再继续运行，会以下报错java.io.IOException 二、解决办法3.1、可以选择重新运行项目，但是每次运行还是会报错！！！3.2、选择在 Android Studio 中打开 Android 目录，并进行以下操作以下是选择顶部菜单，进行操作1. Build ==> Clean Project 2. Build

目录：安装中间件 react-native-image-zoom-viewer封装放大图片弹窗组件调用弹窗组件具体步骤1. 安装中间件 react-native-image-zoom-viewer，参考官网 和 官网版本："react": "16.8.3","react-native": "0.59.9","react-native-image-zoom-viewer": "^3.0.1",安装方式：npm install react-native-image-zoom-vi

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、[Android] 打包时出现资源重复问题Error: Duplicate resources 三、解决办法3.1、解决方法，参考这里1. 找到文件`/node_modules/react-native/react.gr

目录：思路安装中间件确认 IOS 、Android 配置信息封装扫码组件另一个组件获取扫码数据思路安装中间件 react-native-camera；检查 IOS 、Android 是否配置成功；封装扫码组件，实现页面布局、扫码动画、获取扫描信息等；另一个组件添加扫码入口，获取扫码数据；具体步骤1. 安装中间件 react-native-camera，参考官网版本："react": "16.8.3","react-native": "0.59.9","react-n

目录：思路安装中间件获取用户相册/相机权限，以及主要步骤调用接口，实现上传图片文件思路获取用户相册/相机权限；实现本地相册选择/相机拍摄；封装上传接口，将照片上传到服务器；将选择的照片，展示出来（注意点：展示时，需要使用本地路径，而不是服务器地址）；具体步骤1. 安装中间件 react-native-image-picker版本："react": "16.8.3","react-native": "0.59.9","react-native-image-picker

目录：思路安装中间件获取录音权限、实现录音功能调用接口，实现上传录音文件思路获取用户录音权限；实现本地录音功能、播放录音（注意点：播放时，需要使用本地路径，而不是服务器地址）、删除录音实现上传接口的封装，需要 formData 对象的格式调用上传接口，实现录音上传 （使用的 fetch 请求接口）具体步骤1. 安装中间件 react-native-audio 和 react-native-sound版本："react": "16.8.3","react-native":

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.8.3"react-native: "0.59.9"react-native-image-picker: "0.27.0"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行项目时，使用了 react-native-image-picker 插件后，构建安卓环境，报以下错误Caused by: org.gradle.api.in

目录：版本说明问题解决办法一、版本说明"react": "16.8.3","react-native": "0.59.9",二、问题描述如下2.1、比如，当输入框中输入信息时，键盘会把底部导航栏顶起，就会很丑啊！三、解决办法：3.1、找到文件 android/app/src/main/AndroidManifest.xml，修改android:windowSoftInputMode 属性值1. 搜索：`android:windowSoftInputMode`2. 原内容：

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行项目时，造成了死循环问题maximum update depth exceeded. this can happen when a component repeatedly calls setstate三、解决办法3.1

目录：版本说明问题问题分析解决办法一、版本说明"ant-design-vue": "^1.3.5"二、问题描述如下2.1、按照官网设置过以下属性值，发现可以滚动，但是与内容错位啦:scroll="{x: 1200, y: 720}"三、原因分析：3.1、查看官方文档，这里，发现文档的提示如下：若列头与内容不对齐或出现列重复，请指定固定列的宽度 width。如果指定 width 不生效或出现白色垂直空隙， 请尝试建议留一列不设宽度以适应弹性布局，或者检查是否有超长连续字段

目录：本机环境自定义组件（子组件）页面中引入（父组件引入子组件）父组件（使用自定义组件的页面）传值给子组件子组件（自定义组件）传值给父组件备注一、本机环境本机系统： Mac小程序开发者工具: 1.5.7二、自定义组件（子组件）子组件中：项目的根目录下！！创建自定义组件在对应 json 文件中定义 component 属性如图在根目录 的 `component...

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"react-native-audio : "4.3.0"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行项目时，安装 react-native-audio 后在安...

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行项目时，使用 fetch 请求接口，提示以下错误（一脸蒙啊，之前用的好好滴，也没更新包）TypeError: fe...

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行安卓项目时，报错内容如下2.1、报错问题，提示找不到该包，参考这里import android.support....

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、报错内容如下2.1、报错问题React native Redux - object is not aconstru...

目录：版本说明问题问题分析解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、问题描述如下2.1、React Native 中使用 react-native-scrollable-tab-v...

目录：版本说明问题问题分析解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、问题：React Native 中使用 Model 时，内部 FlatList 无法滚动2.1、返回元素内容，大...

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、报错内容如下2.1、运行安卓环境下的项目，出现以下问题Android: Invariant Violation re...

一、当前遇到的问题1.1、需求：使用 Echarts 绘制中国地图，通过每个省份的 value 值不同，用渐变色区分2.2、查询 Echarts 官方API，通过设置属性 visualMap.pieces和visualMap.inRange，即可显示渐变色的地区2.3、但是呢，效果总是不尽人意，本项目中设置的颜色都是蓝色系列，可是数据渲染出现，偶尔会有几个省份会出现白...

1、需求：Echarts 地图右下角的 "南海诸岛" 在项目中有点多余，需要隐藏2、查询 Echarts 官网配置项，发现修改属性 "geo.regions" 即可3、没设置属性 "geo.regions"之前，如下图4、设置属性 "geo.regions" 之后5、其中 "geo.regions" 属性可以对特定的区域配置样式，其实此项...

一、版本说明二、下载文件Echart 官方 Demo 地址，参考这里； Demo 源码参考这里需要下载地图 json 文件，参考这里三、

一、Echarts官网的地图，文字标签并不是理想中的居中1.1、本项目中期望的结果，是每个省份文字能够在自己的地图的中心位置，如下图二、解决思路2.1、首先下载中国所有省份的json文件，然后结合ECharts官网提供的实例，绘制地图2.2、即将获取的文件，使用 echarts.registerMap('china', geoJson);绘制地图，其中本地...

一、版本说明微信开发者工具： v1.02.1911180"@vant/weapp": "^1.0.5"二、【报错问题】2.1、目录`miniprogram`下，打开命令窗口安装 Vant Weapp（命令：npm i @vant/weapp -S --production），然后在组件页面下，对应的 json 文件中引入vant-app 时，出现错误，引入方式如下...

一、版本说明本机系统： Windows 10 (64位)node: v12.14.1 (64位) # 命令窗口node -v 查看二、报错问题运行 'npm run build' 时，提示错误Error: Cannot find module 'chalk'三、解决办法3.1、根据上诉提示，其实已经告诉了问题来源，本地没有 node_modules...

一、版本说明node ： 10.13.0 # CMD中输入`node -v`即可二、开启入口文件时，提示以下错误`basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')" SyntaxError: missing......`三、解决办法，因为使用了express框架，需要安装 express 即可...

一、版本说明"vue": "^2.6.10","axios": "^0.19.0","@vue/cli-plugin-babel": "^4.0.0","@vue/cli-plugin-router": "^4.0.0","@vue/cli-plugin-typescript": "^4.0.0","@vue/cli-plugin-vuex": "^4.0.0","@vue/cl...

一、版本说明"vue": "^2.6.10","axios": "^0.19.0","@vue/cli-plugin-babel": "^4.0.0","@vue/cli-plugin-router": "^4.0.0","@vue/cli-plugin-typescript": "^4.0.0","@vue/cli-plugin-vuex": "^4.0.0","@vue/cl...

一、版本说明"vue": "^2.6.10","@vue/cli-plugin-babel": "^4.0.0","@vue/cli-plugin-router": "^4.0.0","@vue/cli-plugin-typescript": "^4.0.0","@vue/cli-plugin-vuex": "^4.0.0","@vue/cli-service": "^4.0.0"...

一、版本说明"vue": "^2.5.2","axios": "^0.18.1","element-ui": "^2.5.4"二、 封装 Axios import axios from 'axios';import Vue from 'vue';import router from './router';import { show...

一、版本说明，参考 Element 官网"vue": "^2.5.2","axios": "^0.18.1","element-ui": "^2.5.4"二、封装加载文件的函数2.1、在 src目录下 ，新建 api 目录， 新建 servicesHelp.js 文件2.2、 servicesHelp.js 文件内容如下： i...

一、去除简单类型1、运用ES6的Set数据结构 、 Array.from()将其他类型转换为数组 如 set，map, 对象(对象需要有length和属性名可以转换为下标如 {0: '1', 1: 'te', 2: 'xi', "length": 3})运用 Array.from() 函数：运用ES6的解构赋值 [...new Set(oldArr)...

一、在Windows平台安装Ruby，官网下载地址参考这里1.1、Ruby安装过程，直接下一步，注意记得勾选，不然编译时会找不到1.2、Ruby 安装完成后，在开始菜单中找到新安装的 Ruby，并启动 Ruby 的 Command 控制面板，如下图所示：二、运行命令进行安装sass ，参考这里2.1、输入命令 gem inst...

一、版本说明"element-ui": "^2.5.4","vue": "^2.5.2","vue-router": "^3.0.7"二、封装 mixins 需要的文件，即分页中需要的属性 和 方法2.1、 src目录下，新建文件夹 mixins，此目录下新建文件 initPagin.js文件（目录名、文件名自定义） 目录如下：initPag...