免费试用

跨平台小程序在线开发工具,用做网页的技术做小程序,兼容微信、支付宝、抖音、快手、百度等主流小程序平台!

taro小程序开发踩坑合集

Taro是一款使用React语法和Vue语法编写小程序的开发框架。在Taro的官方文档及社区中,已经有很多Taro开发的教程和资料,但是仍然会在开发过程中遇到一些问题。本文将会介绍一些Taro开发过程中常见的问题以及解决方法。

1. Taro + Redux 打包后出现 blank page

这是因为Taro在打包过程中,会将Redux打包成一个独立的js文件。如果你使用的是cdn来引入,可能会出现找不到文件的情况。解决方案是在多入口配置文件中添加以下代码:

```

output: {

filename: '[name].js',

path: outputPath,

library: '[name]',

libraryTarget: 'umd',

umdNamedDefine: true,

publicPath: `${assetsPublicPath}/${path.basename(outputPath)}/`

},

```

2. Taro中使用async/await

Taro中使用async/await会报错,因为Taro的编译器并不支持ES7语法的支持(即async/await)。解决方法是安装tarojs/async-await插件,并在配置文件中添加babel设置。

```

{

"plugins": ["tarojs-async-await"]

}

```

3. Taro中引用外部css样式

在Taro中引用外部css文件时,需要先用npm安装taro-ui和taro-ui样式,然后在app.scss文件中引入外部样式。

```

@import "taro-ui/dist/style/components/flex.scss";

```

4. Taro页面跳转

Taro中页面跳转需要通过Taro提供的api进行跳转,在跳转时需要使用绝对路径来进行跳转。例如,使用下面代码进行跳转:

```

Taro.navigateTo({

url: '/pages/home/index'

})

```

5. Taro中引用图片资源

在Taro中引用图片资源时,需要使用require引入图片。例如:

```

import image from './image.png'

```

6. Taro中使用自定义组件

在Taro中使用自定义组件需要先在config/index.js文件中配置简写路径,例如:

```

alias: {

'components': resolve(__dirname, '..', 'src/components'),

}

```

然后可以在页面中使用自定义组件:

```

import { Component } from '@tarojs/taro'

import CustomComponent from 'components/CustomComponent'

class Index extends Component {

render () {

return (

)

}

}

```

综上所述,Taro是一款非常优秀的小程序开发框架,但在使用过程中也会遇到一些问题。因此,在开发过程中需要不断学习和探索,才能更好的应用Taro进行小程序开发。


相关知识:
百度智能商业小程序开发
标题:百度智能商业小程序开发详解简介:随着移动互联网的快速发展,智能商业小程序成为了企业推广和服务的重要工具。百度智能商业小程序作为其中的重要一员,具有强大的媒体资源和广告支持,吸引了越来越多的商家和用户。本文将详细介绍百度智能商业小程序的开发原理和步骤,
2023-08-23
鞍山本地小程序制作开发报价
鞍山本地小程序制作开发报价小程序是一款能够在微信内部使用的应用程序,具有便捷、易用、快速等特点。小程序不需要下载安装即可使用,是一种轻量级应用。因此,小程序逐渐成为越来越多企业、商家和个人展示和推广自己的产品及服务的可选方式。鞍山本地小程序制作开发报价较为
2023-08-09
tp5新闻小程序开发
微信小程序是一种轻量级应用程序,具备与原生应用相似的功能和用户体验,可以在微信内部运行,不需要下载安装,用户可以通过扫描二维码或微信搜索进行访问。本文将介绍如何使用tp5框架搭建一个新闻类微信小程序。1. 了解微信小程序开发微信小程序开发需要掌握微信开发工
2023-08-09
ruby开发小程序
Ruby是一种面向对象的脚本编程语言。它是一种简单,易于学习且易于使用的语言。Ruby的语法简洁,代码风格易于阅读和维护。Ruby读取和编写文件的方法也非常简单,使得它成为了一个流行的开发环境。小程序是目前非常热门的一项技术,它以小巧、独立、实用的特点深受
2023-08-09
fastadmin微信小程序开发
FastAdmin 是一款基于 PHP 开发的通用后台管理框架,提供了丰富的后台管理功能。而 FastAdmin 微信小程序则是基于 FastAdmin 框架开发的一款微信小程序,用于快速开发微信小程序后台管理系统。怎么理解微信小程序?微信小程序是微信平台
2023-08-09
app小程序软件定制开发
随着移动互联网的飞速发展,各类app和小程序逐渐成为人们日常生活不可或缺的一部分。很多企业、组织或个人为了满足定制化需求,需要开发自己的app或小程序。那么,什么是app和小程序,它们的定制开发原理又是什么呢?一、app和小程序的基本概念1、appApp,
2023-08-09
app制作开发小程序制作开发
APP制作开发APP制作的开发主要由三个部分组成:客户端、服务端和管理后台。在移动应用开发的实际操作中,客户端和服务端的开发是不可分割的。APP的运行具有较高的实时性和复杂的处理逻辑,因此APP的开发需要运用到包括Java、JavaScript、Objec
2023-08-09
这4个小程序开发工具
小程序开发是一个新兴的领域,相对于传统的应用程序开发,它有着更加开放的平台和更加灵活的开发方式。当前市场上有很多小程序开发工具,其中较为流行的有微信小程序开发工具、百度小程序开发工具、支付宝小程序开发工具和字节跳动旗下的抖音小程序开发工具。下面我们将对这四
2023-05-26
西青区微信小程序开发工具
微信小程序是一种轻量级的应用程序,用户可以直接在微信平台上使用。小程序可以在微信内部打开,不需要下载安装,使用起来非常方便。小程序的开发也非常简单,只需要掌握一定的前端技术和微信小程序的开发规范即可。那么,西青区开发小程序的工具有哪些呢?下面我们来详细介绍
2023-05-26
微信小程序 开发工具 2021年版本下载
微信小程序是一种可以在微信内部使用的轻量级应用,具有与原生应用相似的功能,但不需要下载和安装。它可以帮助企业快速构建品牌形象,提升用户体验,促进产品销售,以及建立品牌营销的好渠道。而微信小程序开发工具就是开发者开发和调试微信小程序的重要工具。微信小程序开发
2023-05-26
江苏汽车美容小程序开发工具
江苏汽车美容小程序开发工具是用于开发汽车美容服务相关的微信小程序的软件工具,它可以简化小程序的开发过程和提高开发效率,同时也可以为用户提供更好的使用体验。小程序是一种轻量级应用程序,能够在微信平台上直接使用,无需下载或安装,用户可以通过搜索、扫码等方式进行
2023-05-26
【新手入门】【微信小程序】网站打包小程序 输入H5链接三分钟在线打包生成小程序
一门不止支持网站打包APP、网站打包电脑桌面软件,在2022年推出网站打包小程序,全面兼容国内各大小程序生态! 只要有网站,在线一键输入网址,2分钟即可生成小程序,快捷上传发布至各大小程序平台审核!
2022-08-17