免费试用

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

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
阿里云小程序开发流程
阿里云小程序是由阿里云提供的一种快速搭建小程序云服务平台,它不仅提供了小程序前端框架和组件,还提供了小程序后台管理系统,使得开发者可以快速、便捷地搭建并管理小程序,提升小程序的开发效率和用户体验。阿里云小程序开发流程主要包括小程序创建、小程序页面开发、小程
2023-08-09
安徽k歌小程序开发多少钱
K歌小程序是一款集唱歌、录音、发布等功能于一身的应用程序。在K歌小程序中,用户可以选择自己喜欢的歌曲进行演唱,并可以录制自己的声音,再上传到平台上与其他人分享。近年来,随着移动互联网普及程度的不断提升,K歌小程序也越来越受欢迎。那么,安徽K歌小程序开发需要
2023-08-09
安仁小程序软件定制开发公司
安仁小程序软件定制开发公司是一家专业从事小程序软件定制开发的公司,拥有多年的开发经验和技术实力。公司提供的服务主要涵盖小程序软件的开发、设计、测试、上线和维护等全方位的服务。公司以高效、专业、创新的理念,不断满足客户的需求,为客户提供优质的服务。安仁小程序
2023-08-09
uniapp小程序嵌套h5开发总结
Uniapp是基于Vue.js框架封装的一款跨平台开发工具,支持多端快速开发,包括小程序、H5、APP等。在Uniapp中,可以嵌套H5页面,实现小程序和H5的相互切换,提高用户体验和应用可玩性。一、嵌套流程在Uniapp中,需要使用web-view标签来
2023-08-09
qq小程序开发工具修改文件如何保存
QQ小程序开发工具是一个非常方便的开发平台,为开发人员提供了许多方便的功能和工具,可以帮助他们更轻松,更快捷地进行小程序的开发。小程序开发工具不仅提供了代码编辑器、调试工具、模拟器等基本功能,还支持自定义组件和插件的开发。在开发中,经常需要修改或添加一些文
2023-08-09
php适合用来开发微信小程序吗
PHP是一门脚本语言,在Web开发领域广泛应用,特别是在服务器端,其拥有强大的数据库操作和丰富的库函数,适合用于开发各种Web应用程序,如电子商务、博客、网站、CMS等等。但是,PHP是否适合用来开发微信小程序呢?本文将深入探讨这个问题。微信小程序的原理微
2023-08-09
php小程序开发都涉及到什么知识
PHP小程序开发是一种相对新的技术,其基于微信小程序开发,使用PHP语言进行编写。其主要用途是帮助企业、机构等在微信平台上进行业务推广,提供服务和资源等。PHP小程序开发需要涉及以下方面的知识:1. PHP语言基础PHP作为一种服务器端语言,部分语法和C语
2023-08-09
elementui开发小程序
ElementUI是一个基于Vue.js的UI组件库,广泛应用于PC端Web开发中。而对于小程序开发者,很多人会想要使用ElementUI的样式和组件进行开发,在此我们来详细介绍一下如何在小程序中使用ElementUI。1. 确定基础框架在小程序进行前端框
2023-08-09
flash打包器exe打不开
Flash打包器EXE打不开,是因为您可能遇到了一些问题,这篇文章将为您详细讲解其中的原理以及如何处理这些问题。首先,我们需要了解Flash打包器是什么。Flash打包器是一种软件工具,它能将用户创建的Flash SWF文件编译成一个独立的可执行程序(EX
2023-05-26
小程序开发工具真机调试没有页面
小程序开发工具是一种非常方便的工具,可以让我们在电脑上开发微信小程序。在开发过程中,我们通常会使用真机调试功能来调试我们的应用程序。然而,在使用小程序开发工具进行真机调试的时候,有时会出现没有页面的情况。那么,这种情况是为什么呢?它的原理是什么呢?下面就来
2023-05-26
小程序开发工具乱码
小程序开发工具是一款用于小程序开发的工具集,包括了小程序的IDE、调试器以及配套的开发工具等。但是在实际使用中,经常会遇到小程序开发工具乱码的问题。那么,小程序开发工具乱码的原理是什么?为什么出现乱码?应该如何解决呢?1. 原理通常情况下,小程序开发工具乱
2023-05-26