
taro-多端开发
使用taro开发小程序,h5页面等多平台开发
勾勾g
人事就是这样子,自己造囚笼,关着自己。自己也做上帝,自己来崇拜。生存真是一种可怜的事情。
展开
-
taro报错 正常安装完,利用脚手架建立一个新的项目,运行直接报错 UnhandledPromiseRejectionWarning:
(node:7972) UnhandledPromiseRejectionWarning: E:\HaiTao\node_modules\@tarojs\webpack-runner\node_modules\webpack-dev-middleware\node_modules\mime\Mime.js:1SyntaxError: Invalid or unexpected token at wrapSafe (internal/modules/cjs/loader.js:1071:16)原创 2020-08-02 16:13:43 · 1750 阅读 · 0 评论 -
taro手写时间轴(timeline)(快递物流进程时间线)
效果图直接上代码jsx部分 {/* 快递详细信息 */} <View className="express-detail-main"> <View className="express-detail-main-title"> <Text className="express-detail-main-title-name">{this.couri原创 2020-07-16 10:01:02 · 1515 阅读 · 3 评论 -
taro-批量引入静态图片资源(react)
taro批量引入静态图片如果是taro1.x或者react直接建议使用commonJS写法<Image src={require('./assets/delivery.png')}/>,如果像集中管理的话也可以考虑如下方法由于taro2.x,3.x不支持commonJS写法,所以类似于这种写法<Image src={require('./assets/delivery.png')}/>,虽然系统不报错,但是却渲染不出图片,所以我们在一些icon比较多的页面中只能使用es6语法i原创 2020-07-15 14:35:14 · 2023 阅读 · 1 评论 -
taro开发中css样式一样,但是显示出来的高度却不一样
taro开发中css样式一样,但是显示出来的高度却不一样问题描述问题发现以及分析解决问题问题描述在这个标签内,我使用了三个View作为border来分割小的单元块,样式是一样的经过DOM渲染后,样式也是一样的,但是渲染出来的视觉效果却是高度不同粗细线条都显示高度为1.5px问题发现以及分析我发现单独的单元格的高度应该是44px,但是渲染出来的却是43.98px,触发了flex布局自动挤压元素保持布局不变,这时候我考虑是不是元素过高挤压容器,容器高度181px,单元格高度44px,181-原创 2020-07-14 10:21:46 · 856 阅读 · 0 评论 -
Taro 返回当前页面的可用高度
返回系统高度,默认去掉小程序的tarbar与自带导航条import Taro from '@tarojs/taro'const NAVIGATOR_HEIGHT = 44const TAB_BAR_HEIGHT = 50/** * 返回屏幕可用高度 * // NOTE 各端返回的 windowHeight 不一定是最终可用高度(例如可能没减去 statusBar 的高度),需二次计算 * @param {*} showTabBar */export function getWindow原创 2020-07-10 11:21:24 · 3478 阅读 · 0 评论 -
taro报错The tag 「view」 is unrecognized in this browser. If you meant to render a React component, star
报错截图react-dom.development.js?61bb:88 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.报错代码错误分析原因:在taro,react组件名要大写,将view标签变成View就ok了修正错误错误解决...原创 2020-07-02 09:55:11 · 3433 阅读 · 0 评论 -
taro-基于react原生数据请求方式fetch简易封装taro.request
import Taro from '@tarojs/taro'import { API_USER, API_USER_LOGIN } from '../redux/constants/api'const CODE_SUCCESS = '200'const CODE_AUTH_EXPIRED = '600'function getStorage(key) { return Taro.getStorage({ key }).then(res => res.data).catch(() =&原创 2020-06-28 14:45:40 · 2364 阅读 · 1 评论 -
控制台报错Uncaught (in promise) TypeError: Super expression must either be null or a function错误来源分析
控制台报错Uncaughtin promiseTypeError: Super expression must either be null or a function错误来源分析题错误截图错误分析与解决方案(一)错误分析与解决方案(二)错误截图inherits.js?262e:4 Uncaught (in promise) TypeError: Super expression must either be null or a function at _inherits (inherits.j原创 2020-06-27 23:20:19 · 3130 阅读 · 0 评论 -
css弹性盒布局-flex布局详解
参考链接https://www.cnblogs.com/NiuBiHH/p/9575604.html原创 2020-06-27 22:33:02 · 239 阅读 · 0 评论 -
关于taro样式中写入px后效果失真的修复方法以及建议
px效果失效原因以及方法问题原因解决方法方法一.使用强制单位方法二.使用rem单位方法三.如果只开发小程序可以使用rpx单位问题在taro中写入width为100px但是在真实的dom中却显示仅有85px原因因为在taro的样式中,开发者写入px会自动单位转换成rem,然后在转换回px,这样转换中会造成px失真解决方法方法一.使用强制单位使用强制单位,大写的PX,.csdn{ width:100PX; }效果:方法二.使用rem单位.csdn{ width:2.5rem;原创 2020-06-22 12:43:38 · 1834 阅读 · 0 评论 -
taro生命周期详解
taro生命周期详解taro介绍生命周期react的钩子函数为兼容小程序的钩子函数个别生命周期详解以及注意1.render()函数2.constructor()构造函数3.在各个生命周期钩子函数中修改state的属性或者参数4频繁调用setState后性能下降网页变卡shouldComponentUpdate(){}taro介绍taro是以react为基础的多端混合开发工具,使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信 / 京东 / 百度 /原创 2020-06-22 11:35:37 · 8862 阅读 · 0 评论 -
tarobug--小程序报错Error: 未找到入口 sitemap.json 文件,或者文件读取失败,请检查后重新编译。
tarobug--小程序报错Error: 未找到入口 sitemap.json 文件,或者文件读取失败,请检查后重新编译。问题描述结局方法一(不完美)结局方法二(完美)ps备注问题描述当taro运行命令npm run dev:weapp时,开始将代码编译成小程序的相关命令时,在小程序调试工具里报错Error: 未找到入口 sitemap.json 文件,或者文件读取失败,请检查后重新编译。结局方法一(不完美)看到有帖子说可以直接在dist文件夹下创建sitemap.json,在根据微信小程序开放文档原创 2020-06-22 09:58:11 · 3102 阅读 · 2 评论