2020-12-07:taro从1.3升级到taro3(dva)

2021-10-27  本文已影响0人  Klt99

主要步骤

  1. npm i -g @tarojs/cli@next
    将本地换地taro环境升级
  2. npm i @tarojs/runtime@next @tarojs/mini-runner@next @tarojs/components@next @tarojs/taro@next
    更新依赖
  3. npm i react @tarojs/react@next # 如果使用 React
  4. 删除@tarojs/async-await
    npm uninstall @tarojs/async-await
    入口文件如果已导入的话,先手动删掉,
  5. 在项目根目录下安装包 babel-plugin-transform-runtime 和 babel-runtime。
    $npm install --save-dev babel-plugin-transform-runtime
    $npm install --save babel-runtime

dva模式引用

  1. 引入dva npm i dva-core dva-loading --save
  2. 新建dva.js(这里就不说了)
    npm install --save react-redux
    npm install --save redux @tarojs/redux @tarojs/redux-h5 redux-thunk redux-logger

taro升级官方指南

跳转链接

成功升级后出现的兼容问题

  1. 导入组件异常(校验方式加强了,import和export对应)
  2. 绑定事件局域变量问题(事件最好绑定bind或者用箭头函数)
    3.文件中import Taro, { Current } from '@tarojs/taro'
    import React, { Component } from "react";
    import { connect } from "react-redux";
  3. this.state.preloadInfo方法改寫
上一篇下一篇

猜你喜欢

热点阅读