Weex新建项目报错weex-vue-render/index.js

来源:互联网 发布:c语言调用lib 编辑:程序博客网 时间:2024/06/05 02:39

Weex新建项目报错

按照weex官方文档上的操作,新建一个基于Vue的Weex项目,一切步骤都是正确的,却发现项目运行起来后页面不显示,这个很让人郁闷,大概就是这个样子。

不恩能正常显示weex页面内容

折腾了好久之后才发现,问题出在这里,f12打开调试工具会发现报了一个错,如下:

页面报错

然后我们重新加载页面后,错误变了,变成如下所示了:

刷新后的错误

看了问题越来越明显了
我们进入node_modules中,找到weex-vue-render打开后发现,是这个样子的:

这里写图片描述

我们来看看那条报错的语句中,要引用weex-vue-render下的indexd.js文件,而此处weex-vue-render的二级目录下并没有此文件,反倒是dist文件目录下有这个文件,这就是问题的所在了,
我们在项目里找到这个index.js在哪里引用的,很容易的能找到,在weex.html中有这么一句:

引用index.js的语句

现在问题明朗了,也就是说引用的路径不对导致了这个问题,接下来,修改weex.html文件中的改语句为dist目录下的index.js,即改为:

<script src="./node_modules/weex-vue-render/dist/index.js"></script>

保存后我们会惊奇的发现,终于有内容了,可以继续愉快的玩耍了!!!
这里写图片描述

这个产生的原因是因为通过npm下载的weex-vue-render子目录下没有index.js文件,而文件在其子目录的dist目录中。

原创粉丝点击