解决新版阿里weex框架创建vue项目后打开http://localhost:8080/index.html空白

阿里的weex框架在4月更新了版本,根据官方的教程,使用weex-toolkit v-1.01之后的版本创建vue项目,并参考教程,搭建了整个项目,然后运行。http://weex.apache.org/cn/guide/set-up-env.html
整个项目的目录如下:

解决新版阿里weex框架创建vue项目后打开http://localhost:8080/index.html空白_第1张图片

但是当执行npm run serve之后,打开浏览器http://localhost:8080/index.html,出现了手机界面,但内容是空白的,仔细查找原因,在执行了npm run serve的cmd中发现/node_modules/weex-vue-render/index.js 404 12ms,说明在这个路径下,没有找到index.js这个文件。

解决新版阿里weex框架创建vue项目后打开http://localhost:8080/index.html空白_第2张图片

因此,打开这个路径确认一下,发现确实没有index.js

解决新版阿里weex框架创建vue项目后打开http://localhost:8080/index.html空白_第3张图片

但是weex-vue-render文件夹下有一个dist文件夹,打开之后在dist文件夹里发现了index.js这个文件

解决新版阿里weex框架创建vue项目后打开http://localhost:8080/index.html空白_第4张图片

那么,就不要想太多,把dist文件夹中的index.js复制到了上一层的weex-vue-render中

解决新版阿里weex框架创建vue项目后打开http://localhost:8080/index.html空白_第5张图片

回到浏览器,再打开http://localhost:8080/index.html,发现界面已经能够显示内容了。

解决新版阿里weex框架创建vue项目后打开http://localhost:8080/index.html空白_第6张图片

你可能感兴趣的:(Web程序员,Android程序员,全栈工程师)