weex初始化后localhost:8080空白的解决办法

使用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多终端应用的开发顺利,多交流,多分享。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MarsWill

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值