免费试用

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

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
百度小程序开发在哪里信誉保证
百度小程序开发是指在百度智能小程序平台上进行应用开发的过程。百度智能小程序是百度推出的一种轻量级应用程序,用户可以在百度App中直接打开并使用,无需下载安装,同时具备了用户分发、应用开发、运营管理等一系列功能,方便开发者进行小程序的开发和推广。百度小程序的
2023-08-23
百度小程序开发公
百度小程序是一种在百度App内运行的轻量级应用程序,它采用了类似于微信小程序的开发模式,使开发者能够快速、轻松地创建并发布自己的应用。百度小程序开发的原理是基于百度智能云平台提供的开发工具和资源。下面是详细介绍百度小程序开发的步骤和相关技术。1. 开发环境
2023-08-23
安徽简单小程序开发
小程序是一种轻量级的应用程序,它可以在不下载安装的情况下直接使用。相比于原生应用,小程序可以快速启动,占用较少内存,并且不需要升级。随着微信以及其他社交平台的发展壮大,小程序越来越受到广大用户的青睐。本文将为您介绍如何在安徽地区开发一款简单的小程序。1.准
2023-08-09
安徽微信小程序开发技术公司有哪些
安徽微信小程序开发技术公司旨在为企业、个人和组织提供微信小程序开发服务,以帮助他们快速构建和推出高质量、多功能的小程序。目前,在安徽省,有一些顶尖的微信小程序开发技术公司为用户提供了出色的服务。以下介绍了安徽省的一些微信小程序开发技术公司:1. 安徽极迅信
2023-08-09
安徽品质小程序开发介绍
安徽品质小程序开发介绍随着移动互联网的快速发展,小程序的兴起越来越受到广泛的重视,并逐步深入各个领域。安徽品质小程序作为一种新型的网络应用在安徽的推进和实施具有重要的意义。本文将介绍安徽品质小程序的开发原理以及详细介绍。一、小程序的简介小程序是一种不需要下
2023-08-09
安康专业外卖小程序开发外包
随着互联网技术的不断发展,外卖业务成为了人们日常生活中不可或缺的一部分。越来越多的人选择通过外卖平台来点餐,快速方便地得到自己想要的食物。而外卖小程序正是外卖行业中的一个重要工具,它可以帮助餐厅快速搭建自己的外卖平台。一、外卖小程序的概述外卖小程序是一款基
2023-08-09
安宁餐饮小程序开发招聘
随着互联网和移动互联网的快速发展,小程序已经成为了各种行业、各种企业的重要一环。在餐饮行业中,为了更好地服务消费者、提升用户体验,安宁餐饮决定开发自己的小程序。下面将从原理和详细介绍两个方面来阐述安宁餐饮小程序开发的招聘。一、小程序原理小程序是一种全新的应
2023-08-09
wepy开发h5和小程序
Wepy是一种基于Vue框架的小程序开发框架,是一种轻量级的框架,它将小程序和Vue这两种技术融合在一起,使得开发者能够更加方便地开发小程序。Wepy有如下特点:1. 采用类Vue语法,易上手2. 支持自定义组件开发3. 支持ES6/7特性,如async/
2023-08-09
discuz不用域名可以开发小程序吗
Discuz!是一款功能强大的论坛程序,在实际应用中使用非常广泛。随着手机APP和小程序的普及,很多站长希望能够将Discuz!的功能应用到小程序开发中。但是,在一些情况下,你可能没有域名,或者说你的域名不适用于小程序开发。那么,Discuz!可以不用域名
2023-08-09
小程序开发工具下载哪个
小程序是微信推出的一种应用类型,它可以在微信内部独立运行,不需要用户安装或卸载。这为用户带来了一种轻便、快速的使用体验。对于开发者来说,小程序也是一种非常有潜力的商业应用,因此现在市面上也有不少的小程序开发工具可供选择。本篇文章将详细介绍各种小程序开发工具
2023-05-26
微信小程序开发工具怎么重启电脑操作
在微信小程序开发中,使用微信小程序开发工具一般都是一个非常常见的操作,但是在开发过程中难免会出现一些问题导致开发工具无法正常运行或者反应缓慢。这时,需要进行重启操作来解决问题。下面将针对微信小程序开发工具进行重启电脑操作进行详细介绍。一、为什么需要重启电脑
2023-05-26