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

问题:

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

weex init demo
npm install
npm run build
npm run serve

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

新创建的工程一片空白:使用WEEX遇到的第一个坑_第1张图片
屏幕快照 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。

新创建的工程一片空白:使用WEEX遇到的第一个坑_第2张图片
屏幕快照 2017-07-28 15.41.10.png

2 修改weex.html文件:

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

新创建的工程一片空白:使用WEEX遇到的第一个坑_第3张图片
屏幕快照 2017-07-28 15.41.32.png

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

npm run build

好了让我们来看看效果

npm run serve

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

新创建的工程一片空白:使用WEEX遇到的第一个坑_第4张图片
屏幕快照 2017-07-28 15.43.00.png

这才是我们想要的。

你可能感兴趣的:(新创建的工程一片空白:使用WEEX遇到的第一个坑)