免费试用

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

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进行小程序开发。


相关知识:
百度小程序开发选哪家
百度小程序是一种基于百度生态体系的应用程序,它允许开发者在百度搜索、百度贴吧、百度百科等平台上构建和发布小程序。相较于其他小程序开发平台,百度小程序具有其独特优势和特点。在选择百度小程序开发平台时,可以考虑以下几家主要的竞争对手:1. 微信小程序开发:微信
2023-08-23
安顺微信小程序开发公司价格
微信小程序是一种不需要下载和安装的应用程序,它可以直接在微信中使用。由于微信小程序应用于各个领域,尤其是商业领域,所以微信小程序开发正在变得越来越流行。那么,安顺微信小程序开发公司价格是多少呢?下面给大家详细介绍一下。安顺微信小程序开发公司价格由多种因素决
2023-08-09
安徽微信小程序开发公司电话
微信小程序已经成为了一个越来越流行的移动应用程序。随着微信用户数量的不断增长,微信小程序的市场前景越来越广阔。作为移动互联网行业的一种新型应用形式,微信小程序被越来越多人所关注。在安徽省,越来越多的企业开始提供微信小程序开发服务,如江苏米扬科技、合肥万福通
2023-08-09
安徽小程序外包定制开发公司怎么样
安徽的小程序外包定制开发公司数量日益增多,这也意味着选择一家靠谱的公司变得更为重要。在选择之前,需要先了解安徽小程序开发公司的基本情况、服务项目、技术和服务优势等,下面就为大家分别进行介绍。一、安徽小程序开发公司概况安徽小程序开发公司主要负责微信小程序、支
2023-08-09
安仁小程序软件定制开发
安仁小程序软件定制开发是一种基于微信平台的应用程序开发。小程序是一种无需下载和安装即可使用的应用程序,它可以在微信平台上直接运行,具有轻量级、快速加载和便于分享等特点,被广泛应用于电商、旅游、餐饮、教育等多种领域。安仁小程序软件定制开发是指根据客户需求,对
2023-08-09
vue开发小程序需要的技术外包
Vue是一种用JavaScript编写的渐进式框架,它可以用于开发Web应用程序和移动应用程序,比如小程序。小程序是指一种轻量级应用程序,可以在微信、支付宝等平台上运行,它们可以提供各种功能,例如社交、支付以及娱乐等。因此,开发小程序需要的技术外包包括以下
2023-08-09
java开发微信小程序斗地主
微信小程序是一个轻量级的应用程序,可以在微信进行使用,最大的特点是免下载、免安装。斗地主是一种非常流行的纸牌游戏,在微信小程序中也有很多斗地主的游戏。本文将介绍一下如何利用java开发微信小程序的斗地主游戏。1. 微信小程序开发微信小程序的开发主要基于微信
2023-08-09
西安普通小程序开发工具代码
小程序是微信推出的一种基于微信生态的应用程序,而小程序开发工具就是用于开发小程序的工具。西安有很多小程序开发公司和工具,下面将详细介绍一下普通小程序开发工具代码的原理及流程。1. 基础概念开发工具:小程序开发工具是微信提供的,用于小程序开发的工具。AppI
2023-05-26
微信小程序开发工具的语言
微信小程序是一种新型的应用程序,和传统的APP相比,它更加轻量级、开发成本低、用户体验好,受到了越来越多的开发者和用户的欢迎。那么微信小程序的开发工具是使用什么语言呢?今天我们就来介绍微信小程序开发工具的语言。微信小程序开发工具使用的语言主要有两种,一种是
2023-05-26
微信小程序开发工具的使用
微信小程序开发工具是一款专门针对微信小程序开发的工具,与其他开发工具相比,它具有开发速度快、调试方便等优点,在微信小程序开发中起到了非常重要的作用。下面将详细介绍微信小程序开发工具的使用原理和详细步骤。一、使用原理:微信小程序开发工具是一款基于 Chrom
2023-05-26
微信小程序开发工具无法真机调试
微信小程序开发工具是一款非常实用的小程序开发工具,通过该工具可以轻松地进行小程序开发。然而,在使用微信小程序开发工具进行开发时,大家可能会遇到这样一种情况:无法进行真机调试。这个问题在小程序开发中非常常见,但是它却让很多人感到头疼。今天,我们就来详细介绍一
2023-05-26
微信小程序开发工具mac
微信小程序是一种特殊的应用程序,可以在微信内部使用,而不需要安装到设备中。微信小程序开发工具是开发微信小程序必不可少的工具,用于创建、调试、构建和发布小程序。本文将详细介绍微信小程序开发工具(Mac版)的原理和使用方法。一、微信小程序开发工具的原理微信小程
2023-05-26