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

weixin_34293059發表於2017-07-28

問題:

按照官方文件的教程一步步來.結果在執行的時候得到了一片空白:

weex init demo
npm install
npm run build
npm run serve

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

2548969-a9e2010e1c55e163.png
螢幕快照 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。

2548969-0d6e425e9da4c071.png
螢幕快照 2017-07-28 15.41.10.png

2 修改weex.html檔案:

給script src 裡面的 index.js 的路徑加一層dist資料夾
將app.web.js 改成index.web.js

2548969-03f168ed755a9f11.png
螢幕快照 2017-07-28 15.41.32.png

3 修改完檔案再執行編譯命令,

npm run build

好了讓我們來看看效果

npm run serve

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

2548969-bc9301556650d5a4.png
螢幕快照 2017-07-28 15.43.00.png

這才是我們想要的。

相關文章