免费试用

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

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


相关知识:
阿克苏定制小程序开发怎么样
阿克苏定制小程序开发是指针对阿克苏地区特定市场需求和用户特征,通过对小程序架构和功能的定制化设计,满足阿克苏地区用户对小程序的个性化需求。相比传统APP,小程序具有轻便、快速、易用的特点,被广泛应用于线上商城、公共服务、社交娱乐等场景。下面将介绍阿克苏定制
2023-08-09
安徽共享美容店小程序开发多少钱
随着时代变迁、科技进步和人们生活方式改变,美容行业也不断发展和改变。传统的美容店模式被共享美容店逐渐替代。共享美容店作为新型的美容服务模式,其开发对于美容行业而言是很重要的。安徽共享美容店小程序的开发需要技术团队共同努力,具体费用会根据难度和开发时间而定。
2023-08-09
安康小程序开发厂家
随着移动互联网的普及,越来越多的企业和个人开始关注小程序开发。小程序开发,可以让企业迅速上线一个属于自己的APP,不仅可以提高企业的曝光度,还可以提升客户满意度和用户体验。本篇文章将为您介绍安康小程序开发厂家,以及小程序开发的原理和详细介绍。一、安康小程序
2023-08-09
安平微信小程序开发
微信小程序是一种全新的小型应用程序开发方式,它可以在微信中直接使用,不需要下载安装。安平微信小程序由腾讯开发,是微信公众号生态中的一部分,开发者可以利用它创建各种应用程序,包括游戏、社交网络、工具、新闻、教育和电子商务等等。本文将会介绍安平微信小程序的原理
2023-08-09
安宁小程序开发公司哪家好点
随着移动互联网的普及,小程序成为了一种非常流行的应用形式。而安宁是中国云南省的一个城市,小程序的开发公司也在这里遍布。那么,安宁小程序开发公司哪家好点呢?本文将从原理和详细介绍两个方面对这个问题进行探讨。一、小程序开发原理小程序是一种基于互联网和应用程序开
2023-08-09
vue开发微信小程序实战
Vue是一个流行的JavaScript框架,可用于创建Web应用程序。微信小程序则是一种特殊类型的应用程序,可以在微信中运行。开发人员可以使用Vue框架来开发微信小程序,并利用Vue的强大功能来构建高性能、易维护的小程序应用程序。在本文中,我们将详细介绍使
2023-08-09
o2o小程序开发需要多少钱
随着移动互联网的快速发展,O2O(Online to Offline)概念在近年来越来越受青睐,将线下业务与线上平台进行无缝链接,使得用户在舒适的家中就能够享受线下服务,这也为O2O小程序的发展提供了有利的环境。O2O小程序不仅是一种商业模式,同时也是一种
2023-08-09
exsel小程序开发
Exsel小程序是一款基于Vue.js和微信开发者工具的快速开发工具,它可以帮助开发者快速搭建小程序原型,大大缩短开发周期,提高开发效率。下面我会从原理与详细介绍两个方面进行介绍。原理:Exsel小程序的开发基于的是Vue.js和微信开发者工具。Vue.j
2023-08-09
bat小程序打动开发者
BAT小程序是指百度、阿里巴巴和腾讯三家公司开发的小程序平台,是目前国内最为主流的移动应用开发平台之一。它与微信小程序有着类似的使用场景和功能,可以实现快速开发、轻量化、省流量等特点。本文将详细介绍BAT小程序的原理和开发过程。一、BAT小程序的原理BAT
2023-08-09
jar文件打包为exe格式
标题:将JAR文件打包为EXE格式的方法与原理摘要:本文将为您解释如何将JAR(Java ARchive)文件打包为EXE(可执行)文件的详细步骤,同时探讨其背后的原理。一、原理与背景JAR文件是一种Java程序的归档文件,将多个类、资源和元数据打包在一起
2023-05-26
微信小程序开发工具点哪里运行快些
微信小程序开发工具是微信推出的一款专门用于开发小程序的集成工具,集成了各种工具、编辑器和调试器,方便开发者对小程序进行开发、调试和发布。通过微信小程序开发工具开发出来的小程序,可以直接在微信客户端中运行,无需下载安装,非常方便。在微信小程序开发工具中,点击
2023-05-26
恩施百度小程序开发工具报价
恩施百度小程序开发工具是一款非常实用的开发工具,可以帮助开发者快速开发并发布小程序。其具有简单易用、高效便捷等特点,备受广大开发者青睐。该工具集成了多种开发工具,包括代码编辑、页面预览、打包发布等。开发者可以借助其强大的功能,轻松地完成小程序的各项工作,提
2023-05-22