新创建的工程一片空白:使用WEEX遇到的第一个坑

问题:

按照官方文档的教程一步步来.结果在运行的时候得到了一片空白:

weex init demo
npm install
npm run build
npm run serve

再看:http://localhost:8080/index.html

屏幕快照 2017-07-28 15.44.14.png

实际上weex当前的版本有bug

使用 weex -v 可以看到当前版本

   v1.0.5
 - weex-builder : v0.2.6
 - weex-previewer : v1.3.8
 - weexpack : v0.4.1

解决方法:

经过摸索发现可以这样解决问题:

1 修改webpack.config.js文件:

将getBaseConfig()函数中的 entry里面的键值从app改成index。

屏幕快照 2017-07-28 15.41.10.png

2 修改weex.html文件:

给script src 里面的 index.js 的路径加一层dist文件夹
将app.web.js 改成index.web.js

屏幕快照 2017-07-28 15.41.32.png

3 修改完文件再运行编译命令,

npm run build

好了让我们来看看效果

npm run serve

此时再看:http://localhost:8080/index.html

屏幕快照 2017-07-28 15.43.00.png

这才是我们想要的。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 2016年4月21日,阿里巴巴在Qcon大会上宣布开源跨平台移动开发工具Weex,Weex能够完美兼顾性能与动态性...
    晴天咚咚阅读 3,062评论 1赞 15
  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    w_zhuan阅读 3,790评论 2赞 41
  • 什么是 weex weex 是阿里开源的一套三端通用方案,只要编写一次代码就能运行在 iOS、Android 和 ...
    Tatinic阅读 1,498评论 0赞 9
  • 前言 2016年4月21日,阿里巴巴在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请。Weex能够完美兼...
    一缕殇流化隐半边冰霜阅读 39,711评论 135赞 365
  • 你说,在你心里,我不曾离开过。除了我,你无法爱上别人。 你有你的妻,你的儿,我有老公。我们是两个世界里的人,你的爱...
    霖眉阅读 943评论 13赞 13

友情链接更多精彩内容