运行./start报错

Question

iOS

Prerequisites
Install Node.js 4.0+
Under project root
npm install, install project
./start

运行./start报错
ERROR in ./~/weex-vue-loader/lib/template-compiler.js?id=data-v-7ff5a0ff!./~/weex-vue-loader/lib/selector.js?type=template&index=0!./examples/vue/include/tabbar.vue

template syntax error <tabitem v-for="item in tabItems">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.... for more info.

Answer 1

这是因为写了 for 指令没写 key 报出的警告，不影响渲染结果，key 属性可以用来优化列表重排速度（官方文档）。

这个改动是 Vue 2.2.0 里的，参考官方 release note。Weex 里 examples 里的代码还没跟进上新版本的改动。

When using v-for with a component, a key is now required. You will likely see a bunch of "soft warnings" when you upgrade, but this does not affect the current behavior of your app.