引用weex-ui组件android界面显示空白，除了example例子还没成功运行过 about incubator-weex-ui HOT 11 CLOSED

I'd like to see how you use it

and @erha19 Have a hard look

from incubator-weex-ui.

能给个最简单的weex-ui组件应用例子吗，除了example那个上下文的.
look what?

from incubator-weex-ui.

同样的问题

from incubator-weex-ui.

OK, I will follow up on this question.

from incubator-weex-ui.

Edit platform/android/app/build.gradle

- compile 'com.taobao.android:weex_sdk:0.10.0'
+ compile 'com.taobao.android:weex_sdk:0.16.0'

Then run weex run android again.

from incubator-weex-ui.

按照上面修改build.gradle也没用，看了下应该是添加引用wxc-button后编译vue时候出现问题。
在工程目录下执行npm run build 会提示：
ERROR in .//babel-loader/lib!.//vue-loader/lib/selector.js?type=script&index=0!./~/weex-ui/pac
kages/wxc-rich-text/wxc-rich-text-text.vue
Module build failed: SyntaxError: D:/weex/test/node_modules/weex-ui/packages/wxc-rich-text/wxc-r
ich-text-text.vue: Unexpected token (65:10)

  63 |       if (textStyle && textStyle.fontSize) {
  64 |         style = {
> 65 |           ...style,
     |           ^
  66 |           fontSize: `${textStyle.fontSize}px`,
  67 |           height: `${textStyle.fontSize * 1.2}px`
  68 |         }

 @ ./~/weex-ui/packages/wxc-rich-text/wxc-rich-text-text.vue 7:2-105
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/weex-ui/packages/

wxc-rich-text/index.vue
@ .//weex-ui/packages/wxc-rich-text/index.vue
@ .//weex-ui/packages/wxc-rich-text/index.js
@ .//weex-ui/index.js
@ .//babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/index.vue
@ ./src/index.vue
@ ./temp?entry=true

from incubator-weex-ui.

update weex-toolkit to latest
@alex1226 https://github.com/alibaba/weex-ui#weex-toolkit

from incubator-weex-ui.

D:\weex\test>weex -v
v1.1.0-beta.1

• weexpack : v0.4.7-beta2
• weex-builder : v0.2.13-beta.1
• weex-devtool : v0.2.83
• weex-previewer : v1.3.13-beta.2
• toolkit-repair : v0.0.5

已经是最新了吧

from incubator-weex-ui.

Weex-toolkit

If you use weex-toolkit to develop a Weex project, Please add 'state-0' and 'babel-plugin-component' to .babelrc.

npm i babel-preset-stage-0 babel-plugin-component  -D

{
  "presets": ["es2015", "stage-0"],
  "plugins": [
    [
      "component",
      {
        "libraryName": "weex-ui",
        "libDir": "packages"
      }
    ]
  ]
}

from incubator-weex-ui.

@alex1226 I suggest you upgrade weexpack of weex-toolkit by weex update weexpack.
Re-create your project.
Edit your index.vue, npm install, npm install install babel-preset-stage-0 babel-plugin-component weex-ui -D...
Remember to modify your .babelrc according to @tw93 's latest comment.
Finally, you can run weex run android to start your app (If you do install the android environment correctly).

from incubator-weex-ui.

ok

from incubator-weex-ui.