美文网首页weex社区Weex开发技巧Weex开发
Weex开发之开发过程遇到的问题以及解决方案(三)

Weex开发之开发过程遇到的问题以及解决方案(三)

作者: AR7_ | 来源:发表于2018-06-07 21:35 被阅读131次

问题1:

  • 从github上下载项目下来,并使用命令npm install运行后,开始使用,出现如下图所示问题:

图中说出现的问题是因为Android SDK路径不正确。

解决方案:
  • 直接使用Android Studio打开Weex项目的android源码部分,就会出现提示框,Android SDK路径不正确,点击确定即可,AS会自动使用本电脑已安装的Android SDK路径,至此,问题解决。

问题2:

如图所示,报出很多错误,主要原因是因为使用了语法检查eslint,这个主要是用来规范代码,而且很严格,哪怕是多一个空格都会报错。

解决方案:
  • 只需要在configs/webpack.common.conf.js 文件里面,将eslint匹配验证删除即可,如下代码所示:

const createLintingRule = () => ({
  //将下面这些代码注释掉即可。

  // test: /\.(js|vue)$/,
  // loader: 'eslint-loader',
  // enforce: 'pre',
  // include: [helper.rootNode('src'), helper.rootNode('test')],
  // options: {
  //   formatter: require('eslint-friendly-formatter'),
  //   emitWarning: !config.dev.showEslintErrorsInOverlay
  // }
})

问题3:

  • 在开发过程中,出现了点击按钮,并没有显示Toast的问题,原因是将modal.toast写成了toast.modal,所有才会出问题,这是因为没有注意Visual Studio Code并没有像Android Studio那样会报错,所以大意了。

问题4:

  • 在开发过程中,出现了图片没有正确显示的问题,主要原因是把src写成了scr,所以才会报错。

问题5:

Custom elements in iteration require 'v-bind:key' directives

问题6:

  • 设置图片无法显示,问题4是出现把“src”写成“scr”,这次是把“width”写成“widows”,解决的思路是:检查了一遍代码,发现没有什么问题,但是通过调试,在谷歌浏览器按下F12,然后点击左上角有个鼠标的符号,再选择到图片代码的位置,悬浮的代码显示0 x 35 ,意思是说图片宽是0px,高是35px,很显然,<style scoped>里面的设置宽的属性不对,查看,才发现,把“width”写成了“widows”。

问题7:

  • 在VSCode中使用“npm start” 显示“command not found”,显然这是提示npm的命令不成功。而且连“npm -v”和“node -v”都显示没有这样的命令。
解决方案:个人怀疑是nodejs出了问题,卸载重装还是不行。https://blog.csdn.net/li396864285/article/details/52572163

问题8:

  • 使用mac打开weex项目,出现如下问题,显示网络代理配置问题。
解决方案:清理代理未成功,只要找到该文件,删除掉即可。

问题9:

问题10:

Error:Failed to open zip file. 
Gradle's dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)
Re-download dependencies and sync project (requires network)
Re-download dependencies and sync project (requires network)
  • 因为week官方demo使用的gradle是gradle-2.14.1-all.zip,所以,如果Android Studio里面没有的话,就会出现以上的报错。
解决方案:
  • 第一种:可以自己到网上下载,然后再导入,直接只用下面的链接在浏览器快速下载:
  services.gradle.org/distributions/gradle-2.14.1-all.zip
  • 第二种(推荐):只需在gradle-wrapper.properties里修改gradle的版本即可,只需将网址里面的https更改为http即可。

问题11:

  • 如图所示,这是在浏览器上运行显示的结果,但是使用Android真机时,会发现,返回图标所处位置是在下方,并没有在正确的位置。这是因为使用了position: absolute;时,因为没有设置topleft导致的。
.toolbar-leftimage-warpper {
    position: absolute;
    left: 0px;
    top: 0px;
    justify-content: center;
    height: 100px;
}

问题12:

Environment variable $ANDROID_HOME not found !
解决方案:

https://blog.csdn.net/k491022087/article/details/72934862

问题13:

Error: Error: Command failed: ./gradlew  assembleDebug
/bin/sh: ./gradlew: Permission denied

问题14:

npm WARN invalid config https-proxy=""
npm WARN invalid config Must be a full url with 'http://'

问题15:

 [Gradle sync failed: Cause: error=2, No such file or directory](https://stackoverflow.com/questions/47018879/gradle-sync-failed-cause-error-2-no-such-file-or-directory)

https://stackoverflow.com/questions/47018879/gradle-sync-failed-cause-error-2-no-such-file-or-directory

wenti16:


This is not a bug in npm.
Tell the package author to fix their package.json file. JSON.parse

https://stackoverflow.com/questions/31454607/npm-failed-to-parse-json

相关文章

  • Weex开发之开发过程遇到的问题以及解决方案(三)

    问题1: 从github上下载项目下来,并使用命令npm install运行后,开始使用,出现如下图所示问题: 图...

  • android填坑目录

    Android进阶过程中遇到的问题,解决方案,容易忽略的基础知识,以及自我的思考。 目录 app开发 ✅ ap...

  • 2018-06-25weex开发问题

    1. (已解决)开发遇到图片不显示问题,原因是开发的时候weex代码最终调用的是原生项目中的资源,不是weex代码...

  • Weex开发之-Hello Weex

    上一篇写了Weex的开发环境搭建Weex开发之-开发环境搭建[https://www.jianshu.com/p/...

  • 记录Android开发中遇到的一些小问题

    记录开发过程中遇到的问题以及解决方案,方便自己和小伙伴。 1.跨进程中使用Messager传递Parcelable...

  • Ionic 常见问题及解决方案

    在Ionic开发过程中会遇到很多常见的开发问题,分享一下笔者在开发过程中总结到的对这些问题的解决方案。也是接触io...

  • 开发遇到的问题以及解决方案

    1. input 输入框兼容ios/android ,只能输入数字,带小数点(金额)

  • Weex入门(1)

    使用WEEX需掌握 Weex目标是实现三端互通,使用一套代码,解决现阶段开发过程中需要支持三个平台的基本问题,由于...

  • Weex 05 Native路径跳转JS踩坑

    前言 weex页面跳转是很多开发者遇到的问题。navigator是Android和IOS的跳转模块,weex的We...

  • Android内存泄露详解

    内存泄露 在开发应用的过程中,我们总会遇到内存泄露的问题。现在通过代码列出一些常见的内存泄露的情况以及解决方案。 ...

网友评论

  • 一_0cd2:兄弟,有没有遇到过Module build failed: Error: Cannot find module 'babel-core'问题
    AR7_:这个有印象,不过记得是node_modules没有完全下载导致的,你用cnpm install 试下呢 ?还是说是node没有进行环境配置,详情看下https://segmentfault.com/q/1010000008248064/a-1020000008248344
  • e9a44a336dfe:你这是算是坑么?这坑不都你自己挖的么?
  • 前端公虾米:这也算解决方案????老哥

本文标题:Weex开发之开发过程遇到的问题以及解决方案(三)

本文链接:https://www.haomeiwen.com/subject/jfpnsftx.html