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

最新推荐文章于 2024-06-15 09:35:19 发布
最新推荐文章于 2024-06-15 09:35:19 发布
阅读量2k 收藏
点赞数
分类专栏： 前端开发 文章标签： vue Weex 前端 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woyidingshijingcheng/article/details/74549938
版权
在遵循Weex官方文档创建Vue基础项目时，遇到页面无法显示的问题。通过浏览器调试工具发现引用错误，weex-vue-render的index.js实际位于dist目录而非预期位置。修改weex.html中引用路径为dist/index.js后，问题解决，项目成功运行。
摘要由CSDN通过智能技术生成

Weex新建项目报错

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

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

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

页面报错

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

最低0.47元/天 解锁文章
涟动下渔舟
关注
专栏目录
weex开发总结2
qq_20350847的博客
06-01 413
weex+vue项目使用ts开发 接入TypeScript 网上关于weex接入TypeScript的文章相当的少，仅存能找到的几篇还都是重复的，按照上面的步骤来做了之后并不能正常运行，关于vue2.0改造ts的文章倒是不少，于是先新建了一个vue2.0项目，尝试改造了ts开发，发现主要是webpack和ts的版本限制比较大，两者版本要对应起来，不然就会出现报错情况。然后简单进行了总结，如以下几点： 1、添加ts 环境依赖，根据自己的需要升级相关依赖或者有影响的包，下载ts执行环境需要的依赖。 2、生成t
vue实现render中缺少变量的报错
weixin_34365635的博客
03-15 1309
在做vue开发的时候，会经常遇到下面的报错，那么这样的提示是如何实现的呢？ 为什么有这样的报错？ 是因为在模版(template)或者render函数中使用了没有声明过的属性或者方法。 那么vue又是如何发现用户使用了未定义的属性呢？ 首先这段报错是出现在render期间，也就是触发update生成vnode期间，在源码中我们可以看到这样一段代码: try { vnode = re...
标题：探索Weex与Vue的完美结合 - weex-vue-render
最新发布
gitblog_00060的博客
06-15 486
标题：探索Weex与Vue的完美结合 - weex-vue-render weex-vue-rendervue-render-for-apache-weex is a third party plugin, and is not developed nor maintained by Apache Weex.项目地址:https://gitcode.com/gh_mirrors/we/weex-...
weex开发- 无法找到模块“weex-vue-render”的声明文件。引入vue报错，无法找到引入的vue模块
CodingFire的博客
08-29 1万+
在引入了vuex之后编译报错，引入如下： 这是weex-dev生成的文件，里面可以明显看到无法找到声明文件 下面看这个js文件内容： 也没有什么特别的，但是在引入的时候，确偏偏报了无法找到模块的错误，看下面： enter.js文件做了引入操作： import store from './xxxxx/store/store' 原因是store.js有vue的内容，经查证...
浅谈一下weex，如有错误，请阿里大神指正
aimn的开源库
05-31 6594
开题： 首先如果大家不知道weex，大家请先百度下weex，react native（以下简称RN），weex的好处我就不提了，上次去参加Qcon大会的时候，听到阿里说要公开weex，于是就去要了个内测账号来用。 工作原理： 刚接触的时候，真的是蛋疼菊紧，完全看不懂，没办法加入了一个weex讨论组，不知道里面的人是不是阿里的coder，在群成员的帮助下，开始真正了解了weex的工作原理，如下
weex vue打包html5,【分析】weex vue web 打包脚本解析
weixin_35627928的博客
06-21 324
打包脚本的入口以webpack进行脚本编译，通过--config 指定构建脚本配置{..."scripts": {..."build:examples:web": "webpack --config build/webpack.examples.web.config.js","build:ci:web": "webpack --watch --config build/webpack.ci.web...
使用npm管理weex组件及公共模块库
brlf_gz的博客
11-14 1792
随着公司终端多个项目切换到weex开发方案，这些项目中一些公共模块和组件都需要进行统一管理，以前直接使用源代码复制存在着许多缺陷，比如公共库中源代码修改困难、import路径需要多次修改、调用时每次都需要注册组件等多个问题。本文主要是研究通过npm来管理项目中vue.js的组件以及一些常用的公共方法，简化项目开发一些工作。 在Github上创建模块代码仓库 首先在github上创建公共模块库
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
m0_67266787的博客
02-24 775
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
weex 实例
ti_an_1989的专栏
02-03 691
weex demo 实例 组件 div 嵌套 重叠 文字节点 查看源码 查看源码 查看源码 text 最简例子 lines属性 实体字符 查看源码 查看源码 查看源码 image 最简例子 resize属性 浮层文字 图
weex再次使用笔记
漠天的博客
12-20 748
一、weex+webstorm使用配置： 1、安装依赖（官方文档）： https://weex.apache.org/zh/guide/develop/setup-develop-environment.html#%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96 2、用webstorm创建空的项目 WeexProgr...
解决新版阿里weex框架创建vue项目后打开http://localhost:8080/index.html空白
xjj19920608的博客
05-12 2万+
阿里的weex框架在4月更新了版本，根据官方的教程，使用weex-toolkit v-1.01之后的版本创建vue项目，并参考教程，搭建了整个项目，然后运行。http://weex.apache.org/cn/guide/set-up-env.html 整个项目的目录如下：但是当执行npm run serve之后，打开浏览器http://localhost:8080/index.html，出现了手
​ VUE报错：Error in render function: “TypeError: Cannot read property ‘matched‘ of undefined“​
weixin_40381947的博客
06-25 802
VueRouter实例化时的参数，可以简写为routes，表示routes:routes。但是要注意的是，“routes:routes”表示属性名是routes，值是routes。但是，不要误以为简写的 routes就是路由的变量名（数组名）。如果说你的数组名是myroutes，那么，正确写法是 routes:myroutes。这个错误通常是由于使用了 $router 对象的属性或方法而 $route 对象不存在引起的。，如果你的路由实例名不是router，则不要省略。
[Vue warn]: Error in render: “TypeError: Cannot read property ‘ xxx ‘ of undefined“报错原因和解决
m0_66975650的博客
07-30 2万+
遇到[Vue warn]: Error in render: "TypeError: Cannot read property ' xxx ' of undefined"报错原因和解决方法
weex 一个传说级巨坑-- 2018最新版weex踩坑指南(weex navigator 多界面跳转)
Jupiterxx的博客
04-21 6万+
先说结论,本人极度非常不推荐weex作为任何商用开发有很多人会说了... 你瞎扯.. 你看别人阿里.. 啊飞猪... 啊那个支付宝... 人家不是用得好好的么...当然这也是我们公司作为技术选型的考量.. 三端通用.. 阿里系的app全线在用.. 理论上是可以实现的.. 而且我们在编码过程中.. 可以把IOS工程师,安卓工程师和前端工程师以及部分熟悉一点前端的后端工程师都拉过来贡献一套代码.. 代...
Weex Android SDK源码分析之界面渲染（上）
王永迪的专栏
06-18 2万+
首先感谢阿里巴巴团队对移动端跨三端与动态化做出的杰出贡献，阿里在6月初，彻底开放了weex android与ios端内测，最近已使用一周有余，效果果然达到了learn once，write everywhere！而且运行效果可以与原声媲美，并且virtual dom的加入更加优化了性能问题，切对native扩展等提供了很好的预留，目前可以采用组件形式与全页形式进行集成，接下来我给大家介绍下weex在android端的工作原理及代码分析。
weex页面中html页面引入js,WEEX H5 Render 解读（2）之加载步骤
weixin_29736061的博客
06-03 379
接上篇文章，上一篇文章中写道，weex h5 渲染经历3次文档加载：加载index.html加载weex框架加载我们写的程序可能大家对第一步有疑问，明明它写的是一长串url，而且这个url中并没有index.html字样。我是怎么知道加载了index.html呢？其实我是通过调试器发现的。下面我们来阅读index.html是怎么写的1. head标签里的内容Weex HTML5html, body...
vue常见错误解决
热门推荐
编译的阿喵
06-10 8万+
Error in render: “TypeError: Cannot read property ‘list’ of undefined” [Vue warn]: Property or method “message” is not defined on the instance but referenced during render. Make sure that this proper...
(0 , vue__WEBPACK_IMPORTED_MODULE_1__.directives) is not a function TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_1__.directives) is not a function at setup (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&setup=true&lang=js:56:52) at callWithErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:285:18) at setupStatefulComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6402:25) at setupComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6363:36) at mountComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4970:7) at processComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4948:9) at patch (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4630:11) at render (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5573:7) at mount (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:3593:13) at app.mount (webpack-internal:///./node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js:1614:19)
06-11
这个错误信息显示在 Vue.js 组件的 `setup()` 函数中存在问题。可能是因为你在 `setup()` 函数中使用了 Vue.js 的指令，并且指令的使用方式不正确，导致了这个错误。你可以检查一下你的代码，看看在 `setup()` 函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值