新创建的工程一片空白:使用WEEX遇到的第一个坑
2017-07-28 本文已影响191人
曹建峰
问题:
按照官方文档的教程一步步来.结果在运行的时候得到了一片空白:
weex init demo
npm install
npm run build
npm run serve
再看:http://localhost:8080/index.html
实际上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.png2 修改weex.html文件:
给script src 里面的 index.js 的路径加一层dist文件夹
将app.web.js 改成index.web.js
3 修改完文件再运行编译命令,
npm run build
好了让我们来看看效果
npm run serve
此时再看:http://localhost:8080/index.html
屏幕快照 2017-07-28 15.43.00.png这才是我们想要的。