踩vue的bug

bundle.js:896 [Vue warn]: Failed to mount component: template or render function not defined.

Vue2.0有两种Build的方式:the standalone build and the runtime-only build(独立构建和运行时构建),可以知道:独立构建包括编译和支持template选项。但也要依赖于浏览器的API,所以不能用于服务端渲染。运行时构建不包括模板编译,并且不支持template选项,只能使用render选项。

重点来了,默认情况下,NPM包导出的是runtime-only build.因此为了要使用独立构建,在webpack配置中需要添加下面的代码:

resolve: {
  alias: {
    ‘vue$‘: ‘vue/dist/vue.js‘
  }
}

然后就好了。。。
时间: 2024-11-10 01:45:04

踩vue的bug的相关文章

vue项目bug记录

bug说明 由于编辑按钮点击的时候,是用vue模板直接传的item参数,然后在弹框内显示,但是引发的问题就是,如果两个人都打开了这个页面,而整个页面的数据是在页面刷新的时候加载的,后一个更改的内容就会覆盖掉前面人所更改的. 截图说明 解决办法 在vue模板传参的时候只传入id值,然后在绑定的事件里再次调用列表数据,在列表数据里遍历找到id相同的item数据,给编辑弹框里的变量赋值. 只要点击编辑就会刷新最新的数据,这样就避免了类似的bug 原文地址:https://www.cnblogs.com

记一次PermGen持续增长的解决过程

前言 这个问题的起因,是一次PermGen持续增长的报警,而问题的解决,是PermGen.类加载.Spring.JDK等知识的融合. 本次问题,从发生到最终解决,经历了很长的时间,这个过程中,有工程方法,有JVM优化,有源码追踪,有思想碰撞,最终解决问题后,发现是Spring 4.1.1.RELEASE的BUG,从4.2.4之后,这个BUG就修复了,这次问题的解决,对于我们从Low到Hight的过程,深有裨益. 问题的解决,是多位同事合作的结果,我再一次总结一遍,以求加深理解,并对读者有所裨益.

三招搞挂Mysql(转)

一.产生大量的undo日志 众所周知,InnoDB是一个支持MVCC的存储引擎,为了支持MVCC,InnoDB需要保存undo日志,以便对用户提供记录的历史版本.如果我们开启一个事务,反复地更新一条记录而不提交,会怎么样呢?将会产生大量的undo日志,使得磁盘空间爆满,导致MySQL不可用. 在innodb现有的实现中,并没有对单个用户或单个连接使用的undo空间进行限制.也就是说,我们只需要反复更新一条记录,而不提交,就会产生大量undo日志.由于我们的事务没有提交,undo日志不能被回收,从

记一次前端性能优化的案例

前两天遇到一个前端性能相关的bug,感觉还挺典型的,整理了一下解决过程和思路,写下来分享给大家. 场景是这样的,有一个答题的界面,可以播放音频.填空.提交答案,界面是长这个样子的: 看起来还挺简单吧,但是我们在手机上跑的时候,却遇到了以下问题: 1. 填完空后,提交按钮会由灰色变为蓝色(可提交状态),但是播放完音频后,却无法变蓝 2. 页面较长时,一边播音频一边滚动页面,会出现页面闪烁(短时白屏) 我的第一反应就是:出渲染bug了.因为在一些低端手机上,经常会遇到动态修改页面,渲染没有及时生效,

vue+ vue-router + webpack 踩坑之旅

说是踩坑之旅 其实是最近在思考一些问题 然后想实现方案的时候,就慢慢的查到这些方案   老司机可以忽略下面的内容了 1)起因  考虑到数据分离的问题  因为server是express搭的   自然少不了res.render("xx",data)    这句话的意思就是去查找相应的模板文件然后在用数据去渲染在将渲染好的页面去返回给浏览器,给浏览器去解析,渲染模板其实就是做的替换字符串+拼接字符串的活  各种的模板引擎也有各个优化的点(比如可以将对应的模板编译的函数保存在内存中,然后在通

iOS开发之记一次App卡顿Bug的解决历程(踩了一个StoryBoard的坑)

虽然今天是周末,但是还是要学习的不是.写这篇博客的目的呢是记录一下自己在上次项目迭代中踩的坑,不过这个坑已经填上了.虽然坑不大,但是踩上去肯定能崴脚.其实还是那句话,在没人给你指路的情况下,踩的坑多了,慢慢的就成长了.为了填今天要讲的这个坑,午觉都没睡呢.当然今天博客的内容并不高深,而且出现的几率还是蛮大的,所以喽就记录一下.也许你已经踩过,或者你已经将此坑填上,但是今天是我踩了一脚呢,没办法,还是记录一下吧. 解决历程用一个字描述就是:“删”. 一.描述这个“坑” 首先呢,我们先来看一下这个B

vue示例之transition-另外发现一个vue(可能的)小bug

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="//cdn.bootcss.com/animate.css/3.5.2/animate.css" rel="stylesheet"> <style&

vue echarts 遇到的bug之一 无法渲染的问题

图表示这样的 页面上有很多个图表,由于没有查询按钮,就只是点击发送ajax数据,所以把所有图表的方法放在updated中, 功能是实现了没问题,但是加载页面的时候会发送很多的ajax请求,而且点击修改的时候整个页面的图表都会重绘,目前考虑的解决办法是做一个判断,如果当前的的这个对象的数值发生改变了再出发DOM更新 ,大家有没有更好的方法,谢啦感谢@zhaokang 的回答,我在设置watch监听数组之后,已经可以动态的更新echarts图表, 效果如下 touchComparison是一个数组

踩坑之路_&quot;var name = &#39; &#39;;&quot;_迷之BUG

情景介绍:最近写一个拖拽生成图表的工具,自己的思路每次mousedown的时候动态将this的name属性值赋值给全局中变量(自己手贱测试时直接将变量名命名为了'name',一大波bug还有30s到达战场.....),mouseup时更具当前的全局属性值判断生成的图表类型:就酱... 首先给大家贴个html布局,有图有真相,(虽然简单的要死)正常结果应该是:拖拽 '折线图' 右侧生成折线图,柱状图生成柱状图: 然后我帅气的用 var name = ''; 从此开启bug模式: js代码如下: 出