weex run android 编译失败问题排查

更新日期: 2017-06-13 阅读次数: 6867 分类: weex

项目是使用 weex create 创建的 webpack 项目。目的是测试 vue router 使用。

首先

npm run build

以生成 index.weex.js。但是运行

weex run android

发现编译出来的居然仍然是旧的 Hello World 演示程序

依旧是 Hello World

Now, let's use vue to build your weex app.

通过关键字排查

grep "use vue to build" -r .
./platforms/android/app/src/main/assets/dist/views/index.js:      }, [_vm._v("Now, let's use vue to build your weex app.")])])
./platforms/android/app/src/main/assets/dist/router.js:   }, [_vm._v("Now, let's use vue to build your weex app.")])])
./platforms/android/app/src/main/assets/dist/entry.js:    }, [_vm._v("Now, let's use vue to build your weex app.")])])
./platforms/android/app/src/main/assets/dist/index.js:
./.weex_tmp/index.js:     }, [_vm._v("Now, let's use vue to build your weex app.")])])
./.weex_tmp/index.weex.js:        }, [_vm._v("Now, let's use vue to build your weex app.")])])
./src/.weex_tmp/index.js:         }, [_vm._v("Now, let's use vue to build your weex app.")])])
./src/.weex_tmp/index.weex.js:    }, [_vm._v("Now, let's use vue to build your weex app.")])])
./dist/views/index.js:    }, [_vm._v("Now, let's use vue to build your weex app.")])])
./dist/router.js:         }, [_vm._v("Now, let's use vue to build your weex app.")])])
./dist/entry.js:          }, [_vm._v("Now, let's use vue to build your weex app.")])])

清理缓存的废弃文件,重新编译

rm -Rf .weex_tmp
rm -Rf dist
npm run build
weex run android 

依旧是 Hello world, 继续清理

rm -Rf src/.weex_tmp
rm -Rf platforms/android
weex platform add android
weex run android

终于不是 Hello world 啦,但是一直转菊花 。。。

根本看不到任何的错误信息,编译也没有报错 (后来发现只是 weex 没有报错罢了)

决定使用 android studio 打开 android 项目目录,进行编译

Error Loading Project: Cannot load 4 modules

null java.nio.BufferOverflowException

具体的错误信息可以在 Android Monitor 中看到

06-13 09:38:01.687 30912-30912/com.alibaba.weex E/weex: java.io.FileNotFoundException: dist/index.js
at android.content.res.AssetManager.openAsset(Native Method)

查看 package.json,参考 weex hacknews, 在 scripts 中增加

"copy:android": "cp dist/index.weex.js platforms/android/app/src/main/assets/dist/index.js"

执行

npm run copy:android

android studio - build - clean project

重新在 android studio 中编译,终于可以看到我的界面啦。。。

总结

  • 缓存问题,用 grep 排查最有效
  • 运行时报错,用 android studio 排查具体原因
  • weex 的 platforms 目录也应该加入 git 代码管理,需要当成独立的原生项目对待

爱评论不评论

近期节日

2019年05月20日 全国助残日
2019年05月21日 小满
2019年05月30日 五卅运动纪念
2019年05月31日 世界无烟日
2019年06月01日 六一儿童节
2019年06月05日 世界环境日
2019年06月06日 芒种
2019年06月06日 全国爱眼日
2019年06月07日 端午节
2019年06月11日 中国人口日
2019年06月16日 父亲节
2019年06月20日 世界难民日
查看更多节日