使用weex初始化后按照要求运行localhost:8080后并没有显示weex,hello weex的解决办法。相信很多人都会坚持下去,不仅仅是运行起hello weex后放弃。也就是流传的weex从入门到放弃。
weex的基本搭建
这部分官方文档写的非常仔细,我在这儿重复也是多余。相信weex会有很好的解决,尤其是阿里贡献后让apache软件基金会来管理后。
第一步当然是安装weex-toolkit
npm install -g weex-toolkit
第二部创建项目
也就是项目的初始化
weex init ma-app
安装依赖
npm install
启动静态服务器
npm run serve
访问应用
在浏览器中输入localhost:8080
但是有可能你的预览中什么都没有,也就是下图红色的部分为空
百思不得其解:
后来通过读代码,发现在项目根目录weex.html中有三个js文件的引入。如下
问题就出在红色标注的部分。通过路径查找发现index.js并不在weex-vue-render的根目录。而是在dist目录下。
解决办法
修改weex.html中的代码如下
<script src="./node_modules/weex-vue-render/index.js"></script>
修改为:
<script src="./node_modules/weex-vue-render/dist/index.js"></script>
再次运行发现问题得到了解决。希望大家学习weex多终端应用的开发顺利,多交流,多分享。