taro转百度小程序遇到的问题

落__

已于 2022-05-16 14:10:42 修改

阅读量473

点赞数

分类专栏：百度小程序文章标签：百度小程序

于 2022-04-14 17:16:00 首次发布

本文链接：https://blog.youkuaiyun.com/qq_36472571/article/details/124033222

版权

百度小程序专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在将Taro应用转换为小程序时遇到的问题，包括CSS rem单位转换、flex布局的版本更新解决方案，以及真机模式下iconfont显示的调整技巧。升级到Taro 3.4.5并配合Node 12.22.12版本解决编译问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

1、CSS样式问题

Taro转小程序不支持用rem，转换成百度小程序时，px会默认转成vw。

2、flex布局失效

Taro 框架已发布修复方案，需要升级taro版本，到3.3.1
升级taro版本后，编译仍报错，经过尝试，发现  taro 3.4.5 + node 12.22.12版本可用

3、真机模式iconfont不显示

需要在路径前加请求头https。（图片的处理也是一样）
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

落__

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

taro小程序屏幕适配那些事

lee727n的博客

09-10

3280

关于小程序的屏幕适配。我们首先需要分清以下几个概念，pt px rpx这是我们进行屏幕适配的基础，如果对于上述概念还不清楚的同学可以参考这篇文章微信小程序 px和rpx px和pt 深度解析_lee727n的博客-优快云博客_px rpx通过这篇博客我们深入的研究一下rxp。想要理解rpx首先看一张图，理解一下pt和px如图所以 pt和px是有对应关系的不同的机型会有1倍2倍3倍的对应关系：pt 称为逻辑分辨率和和屏幕的尺寸有关系屏幕大逻辑分辨率就多，屏幕小逻辑分辨率就小px 称为物理

Taro小程序兼容H5 CSS 样式问题

最新发布

weixin_46104314的博客

02-08

1684

记录Taro小程序兼容h5改造存在的Css问题，如单位转换、标签样式异常等。

参与评论您还未登录，请先登录后发表或查看评论

Taro开发百度小程序兼容问题

cong_user的博客

03-17

467

自定义头部安卓: 自定义头部不会出现大问题 ISO: 自定义头部会有一个默认的返回按钮，需要判断是不是IOS Taro.getSystemInfoSync() // 获取系统信息页面高度产生bug原因：判断页面高度，根据页面高度将两个元素按照%计算（原因是百度小程序不支持flex:1!!!????）一般我们会把getSystemInfo的内容做缓存安卓：进入的高度就是页面的高度，做缓存没问题 IOS：进入的高度是减去tab栏的高度，不能做缓存 ...

Taro开发百度小程序示例

04-29

小程序的开发除去常见的原生小程序语法的开发模式，还可以应用层框架开发，用类现代框架 (vue/react) 的语法去开发小程序，提升开发体验和解决跨平台的问题。本示例是Taro开发百度小程序示例。

【taro】编译成百度小程序报错

大脑和心脏都要跳动的97

07-29

686

编译过程没问题，导入开发工具后疯狂报如下错误我也是很懵逼, app.json文件就在swan_dist目录下面，就是读不到

Taro 1.1 发布，全面支持微信/百度/支付宝 小程序

测试

11-05

337

在 9 月 16 日的掘金小程序大会上，Taro 正式发布了 1.0 版本。作为一个多端统一开发框架，Taro 1.0 版本为广大开发者带来了许多激动人心的特性，帮助开发者们更方便快捷地开发多端应用。前进的脚步没有停下，历时一个多月，Taro 1.1 版本正式来袭！从 1.0 到 1.1，期间产生了 500 余次 Commit，发布了 23 个版本，Taro 一直保持高速的迭代频率，只为不断打磨，...

Taro+Vue3.0+Typescript开发小程序遇到的报错解决

清风明月的博客

06-08

2108

1、defineConstants引入全局变量报错：Uncaught SyntaxError: missing ) after argument list，一定先加双引号，再加单引号 defineConstants: { BASE_URL:'"/api"', }, 2、import { getWindowHeight } from "@/utils/utils"报错：找不到模块“@/utils/global”或其相应的类型声明在config文件夹下的index.js文件的alias设置别名 co

taro开发钉钉小程序，打包后真机测试tabbar丢失解决方案，以及在小程序上使用路由守卫

qq9480的博客

04-12

1909

taro开发钉钉小程序tabbar消失解决方案，小程序使用路由守卫

taro开发微信小程序配置全局appid

m0_59708977的博客

05-24

3814

场景：使用taro框架开发微信小程序、支付宝小程序、其他小程序或者H5，会遇到每次编译完项目后都要去微信开发工具中配置appid，每次都要单独配置比较麻烦所以我们需要到taro的根目录中进行小程序配置 小程序项目配置在taro项目下新建project.config.json 文件如果是其他的小程序或者H5可根据不同平台创建不同的配置文件微信小程序，project.config.json 百度小程序，project.swan.json 字节跳动小程序，project.config..

Taro(React) 微信小程序 百度智能云人脸检测

lullre的博客

12-12

645

Taro 微信小程序 百度智能云人脸检测

taro框架开发小程序经验总结

suxiao_21的博客

05-01

4141

最近这一年来，做了三个小程序。第一个小程序用的原生框架，所有的样式和js都要自己写，不好看还写得头疼死。写第二个小程序的时候正觉得VUE3流行，想熟悉一下VUE3，因此找到了taro框架。这个框架好不好我也无从分辨，暂时能用就行。一.搭建项目 1.taro 客户端安装，想用taro开发小程序这个是必须要先安装 npm install -g @tarojs/cli 此处参考官方文档：安装及使用 | Taro 文档 2.创建项目 taro init myApp 我的选择如下： 3.项目会自

解决Taro小程序windows下自定义导航栏无法生效的兼容性问题

qq_33539839的博客

08-30

2060

背景及发现的问题：小程序在手机、Mac下布局样式UI显示正常，但在windows下PC版微信上的小程序显示导航栏却出现了两个，自定义导航栏无法盖过默认导航栏生效，当前windows版微信版本3.3.5.42(已反馈此问题至微信，但当前版本仍未解决)，此问题不仅仅出现于本人的小程序中，观察了如京东小程序、饿了么小程序等，都有同样的问题，页面会整体下移，导致部分功能可能无法正常显示及使用。原因：windows版微信客户端对小程序设置自定义导航栏无法生效，即 navigationStyle=“custom

移动端布局-px转vw、vh

个人博客

03-01

2513

移动端布局长度单位转换一、场景描述二、实现方式1.安装2.配置3.其他配置三、多规则配置一、场景描述一般我们做移动端网页开发时，设计稿一般都是固定的宽高的（比如750*1334）。但是实际上手机的屏幕大小千奇百怪，各种各样都有。这就要求我们开发人员很好的去处理兼容性问题。一般做长度兼容有两种方式，一种是使用rem，一种是使用vw、vh。这里就说一下将px转换为vw、vh。二、实现方式众所周知，vw本质上还是一种百分比单位，100vw即等于100%，即window.innerWidth。实现这个转换

将px转换为vw

浩星

04-15

7454

前言：之前写了个简单的px转换vw的页面，记录也分享下，很简单实用的效果图：源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...

Taro（2.1.5）打包字节小程序，无法自动生成project.config.json

weixin_46662539的博客

08-09

648

Taro框架打包字节小程序，无法自动生成project.config.json文件

taro 小程序转h5之后报错_使用taro框架将手百小程序转成h5总结

weixin_39953578的博客

12-20

467

前言历时一周，终于成功兼容了h5和小程序，在此使用的taro框架，遇到的问题在此记录一下。一、环境判断使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动小程序、H5、React-Native 等)运行的代码。因为是一套代码兼容不同容器，所以在有些不兼容的情况下，判断所在环境就成了非常重要的一环，taro框架自带环境判断...

【避坑指“难”】Taro跨多端开发，小程序报错：MiniProgramError Super expression must either be null or a function

椰卤工程师的个人博客

08-22

1335

小程序开发工具的控制台报错： MiniProgramError onchange is not defined ReferenceError: onchange is not defined 如下图：代码如下： index.jsx import Taro from '@tarojs/taro' import React, { Component } from 'react' import { View, Text ,Button} from '@tarojs/components' import '.

小程序flex布局不生效

weixin_48271592的博客

05-11

3239

20210510微信小程序flex布局不生效原本的代码我还没看出来错在哪里了，求路过大佬指正原本的效果：原本的代码： wxml :  <scroll-view class="recommendScroll" enable-flex scroll-x > <view class="scrollItem"> <image src="/static/imgs/1.1.jpg"></image>

小程序折腾记 - Taro(1.2.x)开发一个微信小程序下来的要点梳理及爬坑姿势(篇幅有点长)...

weixin_34279246的博客

01-16

990

前言在Taro 0.x的时候就写过一个小玩意,虽然没什么人玩. 最近正好看到Taro 1.2.x已经发布了类React风格的小程序框架,部分地方针对小程序做了妥协.找点东西试试水,看看改进如何了. 刚好公司有个需求做个手机端的举报管理的程序, 开会上揽了过来; 对于这个框架,你除了需要有React的基本功外, 还需要这两方面的知识; 小程序自家的文档:Taro的大部分组件都是基于官方API封...

掌握Taro框架：快速小程序开发资源指南

Taro 是一个由字节跳动公司开发的开源前端框架，它允许开发者使用熟悉的 React 语法来编写代码，然后编译到多个平台，包括微信小程序、支付宝小程序、百度智能小程序等。而 "fast framework" 可能是 Taro 的一个特定...