ssass
ssass
  • 发布:2019-11-28 13:38
  • 更新:2019-12-19 10:41
  • 阅读:1547

【报Bug】使用cli方式创建项目时,输出H5版本时rpx和upx不能正确转换

分类:uni-app

详细问题描述

当使用cli方式创建项目时,rpx和upx不能正确转换

重现步骤

[步骤]
一、创建项目 选择任意模版 本次选择 Hello uni-app

    vue create -p dcloudio/uni-preset-vue projectname

二、进入并启动项目

    cd projectname  
    npm run serve

三、服务启动后,查看任意使用rpx或者upx的页面
[结果]

错误信息截图
[期望]

IDE运行环境说明

任意环境

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
H5

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
cli已更新到最新

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-11-28 13:38 负责人:无 分享
已邀请:
r***@gzkelei.com

r***@gzkelei.com

我也遇到这问题,坑爹啊

  • 拓荒

    我也遇到了,鼓捣了一上午,唉!

    2019-12-06 15:41

r***@gzkelei.com

r***@gzkelei.com

1.把全局包升级到最新

+-- @vue/cli@4.1.1
+-- @vue/cli-service@4.1.1
+-- @vue/cli-service-global@4.1.1

2.然后把项目的cli包也配置成最新版本,终于从坑里面爬回地表了

 "dependencies": {  
    "@dcloudio/uni-app-plus": "^2.0.0-24220191115006",  
    "@dcloudio/uni-h5": "^2.0.0-24220191115006",  
    "@dcloudio/uni-helper-json": "*",  
    "@dcloudio/uni-mp-alipay": "^2.0.0-24220191115006",  
    "@dcloudio/uni-mp-baidu": "^2.0.0-24220191115006",  
    "@dcloudio/uni-mp-qq": "^2.0.0-24220191115006",  
    "@dcloudio/uni-mp-toutiao": "^2.0.0-24220191115006",  
    "@dcloudio/uni-mp-weixin": "^2.0.0-24220191115006",  
    "@dcloudio/uni-stat": "^2.0.0-24220191115006",  
    "flyio": "^0.6.14",  
    "regenerator-runtime": "^0.13.3",  
    "vue": "^2.6.10",  
    "vuex": "^3.0.1",  
  },  
  "devDependencies": {  
    "@dcloudio/uni-cli-shared": "^2.0.0-24220191115006",  
    "@dcloudio/uni-template-compiler": "^2.0.0-24220191115006",  
    "@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.0-24220191115006",  
    "@dcloudio/vue-cli-plugin-uni": "^2.0.0-24220191115006",  
    "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.0-24220191115006",  
    "@dcloudio/webpack-uni-mp-loader": "^2.0.0-24220191115006",  
    "@dcloudio/webpack-uni-pages-loader": "^2.0.0-24220191115006",  
    "@types/html5plus": "^1.0.0",  
    "@types/uni-app": "^1.4.1",  
    "@vue/cli-plugin-babel": "^3.12.1",  
    "@vue/cli-service": "^3.12.1",  
    "babel-plugin-import": "^1.11.0",  
    "mini-types": "*",  
    "miniprogram-api-typings": "^2.8.0-2",  
    "node-sass": "^4.13.0",  
    "postcss-comment": "^2.0.0",  
    "sass-loader": "^8.0.0",  
    "vue-template-compiler": "^2.6.10"  
  },
  • ssass (作者)

    经过多翻测试跟全局的cli关系不是很大,只要把项目内的@vue/cli-service 降级就可以了,暂时可以先这样用,等下次升级吧

    2019-12-01 09:05

ssass

ssass (作者)

找到了一个暂时的解决方案,就是降级@vue/cli-service的版本到3.x

"devDependencies": {  
    "@dcloudio/uni-cli-shared": "^2.0.0-24220191115006",  
    "@dcloudio/uni-template-compiler": "^2.0.0-24220191115006",  
    "@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.0-24220191115006",  
    "@dcloudio/vue-cli-plugin-uni": "^2.0.0-24220191115006",  
    "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.0-24220191115006",  
    "@dcloudio/webpack-uni-mp-loader": "^2.0.0-24220191115006",  
    "@dcloudio/webpack-uni-pages-loader": "^2.0.0-24220191115006",  
    "@types/html5plus": "*",  
    "@types/uni-app": "*",  
    "@vue/cli-plugin-babel": "3.5.1",  
    "@vue/cli-plugin-eslint": "^4.1.0",  
-    "@vue/cli-service": "^4.1.0",  
+    "@vue/cli-service": "3.12.1",  
    "@vue/eslint-config-prettier": "^5.0.0",  
    "babel-plugin-import": "^1.11.0",  
    "eslint": "^5.16.0",  
    "eslint-plugin-prettier": "^3.1.1",  
    "eslint-plugin-vue": "^5.0.0",  
    "less": "^3.10.3",  
    "less-loader": "^5.0.0",  
    "mini-types": "*",  
    "miniprogram-api-typings": "^2.8.0-2",  
    "postcss-comment": "^2.0.0",  
    "prettier": "^1.19.1",  
    "sass": "^1.23.7",  
    "sass-loader": "^8.0.0",  
    "vue-template-compiler": "^2.6.10"  
  },
正道是沧桑
kangning1206

kangning1206

接触uni-app第一个坑;

rpx在h5不能被转换识别

一般发生在cli生成的项目中;

方法一:如果是@vue/cli生成的项目,请留意 @vue/cli 与 @vue/cli-service 是否在同一个主版本号,不匹配会导致无法转换;

方法二:cli生成的项目,导入src录到hbuilderx中,启动h5查看一般是正常的;

一句话:依赖不统一,目前 @vue/cli 4.0以后版本在beta中,暂时不升级,全部降低到3.0;

  • m***@qq.com

    谢谢,解决了。

    设置成:

    "@vue/cli-service": "^3.3.1",

    2019-12-09 10:31

ssass

ssass (作者)

2019-12-19日,npm update 更新最新版以后,问题已解决了

{  
    "@dcloudio/uni-cli-shared": "^2.0.0-24220191115011",  
    "@dcloudio/uni-template-compiler": "^2.0.0-24220191115011",  
    "@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.0-24220191115011",  
    "@dcloudio/vue-cli-plugin-uni": "^2.0.0-24220191115011",  
    "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.0-24220191115011",  
    "@dcloudio/webpack-uni-mp-loader": "^2.0.0-24220191115011",  
    "@dcloudio/webpack-uni-pages-loader": "^2.0.0-24220191115011",  
}

该问题目前已经被锁定, 无法添加新回复