免费试用

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

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


相关知识:
百度小程序开发运营多少钱
【百度小程序开发运营详细介绍】(字数:1000)百度小程序是一种在百度生态系统内运行的小型应用程序,它可以通过百度App、百度搜索、百度地图等平台上的小程序入口进行访问。百度小程序的开发和运营相对来说较为简单,下面我将详细介绍相关原理和步骤,并对开发运营所
2023-08-23
安防小程序开发多少钱
随着安防行业的发展和人们安全意识的提升,越来越多的人开始关注自身和家庭的安全问题。而安防小程序的出现,极大地方便了我们日常生活中的安全管理。那么,安防小程序开发需要多少钱呢?首先,我们需要了解什么是安防小程序。安防小程序是一种基于微信平台的应用程序,通过微
2023-08-09
vue方式开发小程序
随着小程序的快速发展,越来越多的开发者寻求更加灵活的开发方式,Vue.js被认为是一种适合构建小程序的JavaScript框架之一。Vue.js是一个轻量级且灵活的前端框架。它可以与小程序的运行机制很好地结合,帮助我们更快地构建一个高性能、可扩展性强的小程
2023-08-09
uniapp抖音小程序开发
Uniapp是基于Vue.js框架开发的跨平台应用开发框架,支持一次编写,多端打包,广泛用于小程序、H5和APP的开发中。抖音小程序也是一种小程序类型,使用Uniapp框架进行开发。开发抖音小程序需要了解小程序的原理,小程序有两个页面,一个是内页,一个是主
2023-08-09
h5页面小程序开发
H5页面小程序开发是一种新型的轻量级应用程序,由于其轻量级、快速、易扩展的特点,在移动互联网领域越来越受到欢迎。本文将对H5页面小程序开发的原理和详细介绍进行阐述。一、H5页面小程序的介绍H5页面小程序即Hybrid小程序,是一种基于Web技术的轻量级应用
2023-08-09
有什么好用的微信小程序开发工具
微信小程序是一种轻应用程序,可在微信平台上使用,无需下载安装即可使用。随着微信小程序的快速发展,市场上也出现了许多好用的微信小程序开发工具。下面,我将介绍几种比较流行的微信小程序开发工具。一、微信开发者工具微信开发者工具是微信官方提供的一款小程序开发工具。
2023-05-26
小程序开发工具苹果电脑怎么用
小程序是在微信公众号内部嵌套运行的应用程序,是一种轻量级应用开发方式。小程序不需要下载安装,免去了用户在手机应用市场上下载安装,并且对于微信用户而言,小程序无需再次花费时间去注册登录,可以快速进入使用。随着小程序的流行,越来越多的开发者开始学习和使用小程序
2023-05-26
小程序开发工具文档
小程序开发工具是开发微信小程序的一个软件,它提供了很多方便开发者开发小程序的功能。小程序开发工具是支持使用任何文字编辑器或IDE进行开发工作的。与传统的基于HTML/CSS/JS的Web开发方式不同,小程序开发工具提供了一系列与微信相关的API,以及组件、
2023-05-26
小程序如何放入开发工具中
小程序是一种轻量级应用程序,可以直接在微信中打开并运行。开发小程序需要使用微信小程序开发工具,将开发好的小程序发布到微信小程序平台中。将小程序放入开发工具中需要经过以下几个步骤:1. 下载微信小程序开发工具首先需要在官网上下载最新版的微信小程序开发工具,安
2023-05-26
惠州做微信小程序开发工具
微信小程序是一种轻量级的应用程序,它不需要用户下载安装即可使用,只需通过微信的搜索或扫描二维码即可打开。微信小程序的开发工具是一款基于微信开发者工具的开发工具,它可以帮助开发者简化微信小程序的开发流程,提高开发效率和质量。微信小程序开发工具的原理是基于微信
2023-05-22
ubuntu可以装小程序开发工具吗
Ubuntu是一款基于Linux操作系统的计算机操作系统,可以安装和运行许多不同类型的应用程序。在Ubuntu上,也可以安装小程序开发工具,这些工具可以让开发人员创建和构建各种类型的小程序,包括桌面应用程序、Web应用程序、移动应用程序等等。下面我们来介绍
2023-05-22
小程序关联小程序是什么意思?
小程序关联小程序是指在一个小程序中通过跳转或者嵌入的方式打开另一个小程序,实现两个小程序之间的交互和联动。这种方式可以实现小程序之间的资源共享,增强用户体验,也可以实现小程序之间的推广和合作。
2023-04-06