Taro 从1.2.26升级到3.4.8，遇到的坑

先全局升级taro到最新版本348

1然后本地init一个项目包，myapp

2把之前1226的项目中的src文件夹，替换到myapp中

3在myapp中，安装 taroui@300-alpha3 版本

4删掉全局中，所有的 ，import '@tarojs/async-await'

5之前引入taro，component的方式，全局都要替换

import Taro, { Component } from '@tarojs/taro'  

替换为以下：

import Taro from '@tarojs/taro'

import React, { Component } from "react";

6 安装redux 

npm install redux react-redux redux-thunk redux-logger

把appts 中， Provider的引入，换成react-redux

 import { Provider } from 'react-redux'

全局pages和自定义组件中，connect的引入，换成react-redux

import { connect } from 'react-redux';

7引入自定义组件的方式，去掉{}

import { XxxxxXxxx } from '//component/xxxxxx'  替换为  

import XxxxxXxxx from '//component/xxxxxx'

8所有文件中，config的部分，都摘出去，放在同一目录下的configjs文件中

改为后的apptsx是这样的

import React, { Component } from 'react'

import { Provider } from 'react-redux'

import configStore from '/store'

import '/appscss'

const store = configStore();

class App extends Component {

  render() {

<Provider store={store} >

{thispropschildren}

</Provider>

  }

}

export default App

然后运行试试。

ps：我这边运行的时候不报错了，但是微信开发者工具，显示有问题。

参考链接：>

在Taro 物料市场，看到taro-skeleton 骨架屏组件

尝试了一下，编译一直报错

npm  install taro-skeleton

编译报错，因为怀疑是Taro版本的问题，我之前用的是1226，所以升级了一下

再次编译，还是报错，所以还在研究中。。。

解决了再更新。。。

安装脚手架

初始化如下图，选择Vue3、Less、vue3-NutUI模板：

安装后可能会出现一些告警提示，并提示npm audit ，如下图

如果忽略它，在run dev时会报错，并且报错提示还比较难懂。

这个报错的原因是taro的版本不一致所引起，需要运行 npm audit fix 进行修复，修复后再运行就正常了。

31 引入组件

32 页面使用组件

NUTUI几个有意思的组件，如table, card,fixednav

41 init初始化

appjs中初始化，输入云开发ID

42 编写云函数（另说明）

43调用云函数

用于多端展示，taro应该是有其之长处的。如果仅是用于微信小程序开发，不如用微信开发者工具。

第一次看到Taro是在github搜索React插件时看到(个人习惯,有时候会去搜索一个语言的插件在GitHub再按照Star排名，看看各个插件功能，后期开发时用到这功能有个印象)，感觉挺好的插件，以后开发小程序和快应用应该用的到，因为它直接使用react可以开发多端，相比于去看各个厂家小程序开发文档，使用Taro几乎没有学习成本。

这次使用它开发一个简单的网页 南瓜棋 ，小时候玩的一个游戏，逻辑还是比较简单的，主要是去了解下Taro优缺点，以后开发公司简单小程序、快应用等做好准备，主要是了解他的局限性。

具体看文档，我简单说下感受，我的前端水平:简单的HTML、CSS了解复杂的网页不会(动画啥的还得看文档)，React-Native水平应该还是不错，主流的React-Native框架都会搭建，开发，原生调试，编写没问题,ES6没问题。React看了2周吧，入门。这个Taro，直接写按照文档走，没出现问题。

七分设计感的纯React-Native项目Mung

一个完整小巧的Redux全家桶项目

react-native拖拽排序

多功能React-Native-Toast组件

Vux -  >

以上就是关于Taro 从1.2.26升级到3.4.8，遇到的坑全部的内容，包括:Taro 从1.2.26升级到3.4.8，遇到的坑、Taro避坑指南、Taro 骨架屏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！