• uniapp项目--运行多端小程序


    转化原因:尝试多端开发运行

    步骤一:

    win+R -cmd 在命令行中运行:npm install miniprogram-to-uniapp -g 安装node-v12.17.0-x64.msi文件,

    步骤二:

    继续在命令行中输入:wtu -V 正常显示版本后,就已经是安装成功了。

    步骤三:

    在命令行中输入: wtu -i "你的小程序所在路径" -o "输出路径(或目录,可不填)",如: wtu -i H:Download小程序微信开发者工具xcrcw ,回车会在同级目录下得到一个后缀为_uni的文件,就是你需要的uniapp项目了。

    步骤四:

    在HBuilderX 中导入后缀为_uni的文件,如果你的HBuilderX 工具栏中 项目管理器图标主题 是HBuilderX图标或HBuilderX图标(彩色)就能从左侧项目目录中发现图标已经是uniapp的标志了。

    运行项目踩坑

    一 、运行报错,这个错误也看不懂是什么意思,看不出来是为什么报的错,项目有两个页面是这个错误,后来排查发现是

     Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
    16:23:20.116 语法错误: Unexpected token, expected "," (1:3162)
    

    这个textarea标签内有这个注释掉的一行字,虽然注释掉了,但是它是在文本标签内部的会自动编译要把它去掉。

    <textarea hidden="{{showMask}}" name="gsjj" value="{{company_nodes}}" maxlength="-1" bindinput='textarea'>
    <!-- <template is="wxParse" data="{{wxParseData:position_details.nodes}}"/> -->
    </textarea>
    

    二、mainfest.json 文件配置uni-app的标识(AppID);再一个就是App.vue页面umtrack-wx的路径import "./node_modules/umtrack-wx";

    三、但你转化为uniapp时,图片会自动放在static文件夹中 ,其路径也会自动变化src="/static/images/moblie-icon3.png" ,但是总会有个别的遗漏 ,可能是你用了判断 如::src="current == 0?'/static/images/zhaorenblue.png':'/static/images/zhaorengrey.png'"这个时候就需要你自己添加了;

    四、本地测试运行到小程序时要在项目栏目详情中选中 ‘不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书’。

    注意:微信小程序中没有在pages.json配置的页面路径也可以跳转运行,但是在转化为uniapp后出现跳转不动现象,要在pages.json中添加path。

  • 相关阅读:
    64.Find the Duplicate Number(发现重复数字)
    63.Perfect Squares(完美平方数)
    62.Longest Valid Parentheses(最长的有效括号)
    61.Merge k Sorted Lists(合并k个排序链表)
    60.Median of Two Sorted Arrays(两个排序数组的中位数)
    59.Target Sum(目标和)
    58.Partition Equal Subset Sum(判断一个数组是否可以分成和相等的两个数组)
    57.Queue Reconstruction by Height(按身高重建对列)
    56.Decode String(解码字符串)
    55.Top K Frequent Elements(出现次数最多的k个元素)
  • 原文地址:https://www.cnblogs.com/cyapi/p/14378625.html
Copyright © 2020-2023  润新知