taro 小程序转h5之后报错_原生小程序转H5

原生小程序转Taro,Taro转多端

这里先讲一下需求，公司之前的小程序是用原生开发的，目前有客户需要同样的H5版本的项目，考虑短时间内开发出一个差不多100个页面左右的H5项目不太现实。所以这里就用到了Taro。

上链接：https://nervjs.github.io/taro/docs/taroize.html

原生小程序转Taro这一步的话还是比较简单的，按文档安装好Taro,npm或者cnpm都可以npm i -g @tarojs/clicnpm i -g @tarojs/cli

然后在小程序项目的根目录运行指令$ taro convert

如果你小程序里面用到wxParse这个插件，会报错，文档也有写怎么解决报错。按文档中的解决就可以了。

这里讲一点转Taro的调试经验，有报错的文件先拎出来放在一边，因为es5,6语法差异，很多js文件转es6是不支持的，所以会报错，建议是先把所有报错的文件注释，或者改成es6写法再转。我这边是去掉了很多的文件才转成功了的。这里需要自己一步一步调试解决报错，转成功之后根目录多出来一个taroConvert的文件夹这说明已经转Taro成功了，接下来就是运行以及二次开发。进入taroConvert文件夹(二次开发就在这个文件里面，小程序代码不用管了)，执行命令 npm install 或者cnpm install 先拉取所有依赖。

可以看一下package.json文件的运行命令以及安装的依赖，我这里是要运行H5的，输入命令 npm run dev:h5打开H5开发模式，这个步骤有可能会有个nerv.js不存在的报错，可以安装一下，然后在你文件src下面的的app.js import一下。

执行命令 import Nerv from 'nervjs'，这个报错就会解决。其它的页面代码报错可以自己调试。开启成功的话浏览器中会打开127.0.0.1:8082的窗口运行项目。

先看下转taro之后的目录文件

这个是根目录，运行开发环境跟打包的命令都在这层执行。

这层就是跟小程序项目文件差不多的了，index.html是主入口文件，其它的跟小程序差不多，代码该在哪儿写就在哪儿写。

下篇再讲二次开发中的坑。

taro 小程序转h5之后报错_原生小程序转H5相关推荐

taro 小程序转h5之后报错_记录微信小程序转Taro中遇到的问题
环境系统:windows 开发工具:微信开发工具RC V1.02.1907301 + vscode 微信基础库版本:2.8.1 Taro:v1.3.15 npm: 6.4.1 node: v8.12 ...
taro 小程序转h5之后报错_使用taro框架将手百小程序转成h5总结
前言历时一周,终于成功兼容了h5和小程序,在此使用的taro框架,遇到的问题在此记录一下. 一.环境判断使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以 ...
tomcat跳转报错_微信小程序开发：使用reLaunch跳转时报错的解决步骤
最近在做微信小程序的一个项目,遇到一个微信小程序使用reLaunch跳转的报错的问题,为了避免以后出现同款错误的再次发生,特意用一篇博文记录一下,方便查阅使用.错误再现,具体错误日志提示如下所示:VM ...
小程序接入h5页面_原生小程序接入H5页面，请求后台接口，获取数据
项目开发中赶上三端接入h5的需求,因此本身动手作h5页面,可是在作的过程当中也赶上了许多的问题javascript 小程序端不支持在本地引入,因此须要将h5发布服务器,以请求接口的形式进行访问html ...
小程序开发提示没有npm路径_百度小程序三个框架的各自的特点
小程序跨平台解决方案方面有Taro.Mpvue.WePY这3个平台,他们各有特点,优势不相上下,他们也在不断不停的迭代更新,都拥有大量的开发者支持,百度也拥抱三方框架,跟他们一起合作,来同步促进小程序 ...
小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序"分享到到朋友圈",这个看似微小的变化,对微信小程序来说意义重大. 用fenng大的话说 ...
微信小程序销毁某一注册函数_微信小程序注销手册
微信小程序一直存在一个问题:开发者不能注销自己的小程序. 之前当开发者需要彻底清除小程序信息时,只能够通过暂停服务或关闭"允许被搜索"的方式曲线救国.现在,这个问题终于解决了. 在 ...
微信小程序python解析获取用户手机号_微信小程序获取用户手机号
获取微信用户绑定的手机号,需先调用wx.login接口. 小程序获取code. 后台得到session_key,openid. 组件触发getPhoneNumber 因为需要用户主动触发才能发起获取手 ...
微信小程序可以用python开发吗_微信小程序可以用python开发吗
现有业务主要包括小程序开发及运营推广,APP开发,公众号开发以及H5开发,提供微信小程序开发.朋友圈广告.微信支付等服务,协助企业数字化转型,打造智能化.智慧化的商业体系尤其是一些品牌的云服务器的价 ...

taro 小程序转h5之后报错_原生小程序转H5

taro 小程序转h5之后报错_原生小程序转H5相关推荐

最新文章

热门文章