免费试用

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

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-09
安徽网络小程序开发企业
网络小程序是一种基于微信等社交平台开发的应用程序。它不需要下载安装,可以随时随地通过扫码或搜索进入使用。安徽网络小程序开发企业是指专门从事网络小程序开发和定制的企业。本文将介绍安徽网络小程序开发企业的原理和详细介绍。一、安徽网络小程序开发企业的原理网络小程
2023-08-09
win10下小程序开发软件花屏
在Windows 10 上开发小程序是非常普遍的,但是有时候,您可能会遇到“花屏”的现象,即在应用程序中出现了扭曲或无法识别的文本和图像。这可能会导致应用程序无法正常运行。花屏的主要原因是由于硬件或软件故障所引起的。下面是一些可能导致花屏的原因:1. 显卡
2023-08-09
view开发小程序
小程序是一种轻量级的应用程序,适合在微信等社交平台上快速开发和发布。小程序通常由前端框架和后端服务器组成,它们使用特殊的约束和限制来保持轻量级和高效性,并且不需要安装到设备上。其中View(视图层)是小程序框架的核心之一,它负责渲染页面和处理用户的交互行为
2023-08-09
tp5开发的小程序
TP5小程序开发简易流程1. 小程序开发环境TP5小程序开发需要安装TP5框架和微信小程序开发工具,这两个软件都需要在Windows或者Linux系统上进行安装。TP5框架安装教程可以参考网上的各个教程进行安装。微信小程序开发工具则需要下载官方的小程序开发
2023-08-09
app小程序 开发工具
随着移动互联网的普及,越来越多的企业或个人开始关注开发自己的小程序或APP,以便提高用户体验、增加用户黏性,以及创造商业机会。因此,开发工具成为了开发者必不可少的利器。本文将从技术原理和详细介绍两个方面,对app小程序开发工具进行介绍。一、技术原理1.移动
2023-08-09
java做成exe
在Java开发过程中,我们通常会将代码编译成.class文件或者打包成.jar文件。然而,在某些场景下,我们希望将Java程序做成可执行的.exe文件,使得用户能够在不安装Java运行环境(JRE)的情况下运行我们的程序。在这篇文章中,我将详细介绍将Jav
2023-05-26
go如何生成exe
在本教程中,我们将详细讲解如何使用Go(Golang)生成可执行文件(.exe)。Go语言是谷歌开发的一种静态类型、编译型的程序设计语言,旨在提供简单、高效的软件开发方式。对于想要在Windows平台上运行Go程序的开发者,生成.exe可执行文件是非常实用
2023-05-26
微信小程序开发工具菜单黑色
微信小程序作为一种新的移动应用开发方式,对于开发者而言,非常便捷和高效。微信小程序开发工具是微信官方提供的支持小程序开发的软件,它提供了一系列的功能和工具来帮助开发者快速开发小程序。其中,菜单黑色是开发过程中常见的一个问题,本篇文章将对菜单黑色的原理和详细
2023-05-26
企业办公小程序开发工具
随着智能移动设备逐渐普及,越来越多的企业开始使用小程序来解决办公问题。企业办公小程序是一种轻量级、可定制、易于部署的移动应用程序,可以帮助企业提高效率、降低成本、提升用户体验。那么,企业办公小程序的开发工具是什么呢?企业办公小程序开发工具有很多种,但大致可
2023-05-26
简单的小程序控制硬件开发工具
小程序是近年来非常流行的一种应用程序,通过微信小程序可以在移动设备上进行各种应用,比如聊天、购物、点餐等等。而控制硬件开发工具则是指通过程序控制硬件设备的运行,比如通过程序控制智能家居、机器人等设备。结合小程序和控制硬件开发工具,可以开发出各种实用的应用。
2023-05-26
各类小程序开发工具的对比情况
现在越来越多的企业开始关注小程序的开发,因为小程序的出现真正实现了“不用下载,即可使用”的功能,为用户带来了方便,在商业化的同时也为企业带来了转化。在我们讨论小程序的开发工具之前,需要先了解小程序的基本知识。小程序是在原生应用里面的一个“轻应用”,是一个基
2023-05-22