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

Posted 2023-03-09

参考技术A 先全局升级taro到最新版本3.4.8

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

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

【3】在myapp中，安装 taroui@3.0.0-alpha.3 版本

【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

把app.ts 中， 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的部分，都摘出去，放在同一目录下的config.js文件中

改为后的app.tsx是这样的

import React, Component from 'react'

import Provider from 'react-redux'

import configStore from './store'

import './app.scss'

const store = configStore();

class App extends Component

  render()

<Provider store=store >

this.props.children

</Provider>

 



export default App

然后运行试试。

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

参考链接：http://t.zoukankan.com/Nyan-Workflow-FC-p-13529088.html