1.window or document is not undefined // .vue 页面 if (process.browser) { var Distpicker = require('v-distpicker') Vue.use(Distpicker) Vue.component('v-distpicker', Distpicker) } // nuxt.config.js build: { vendor: ['v-distpicker'] } 这样会报错:[Vue warn]: T…

该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列.该系列引用了<Android开发艺术探索>以及<深入理解Android 卷Ⅰ,Ⅱ,Ⅲ>中的相关知识,另外也借鉴了其他的优质博客,在此向各位大神表示感谢,膜拜!!! 前言 前段时间做了首个hybird商业上面,hybird虽然私下里有些了解,并且写了些demo,但是做正式的商业项目还是首次,这一篇也算是自己首个hybird项目的反思与总结吧. 注:该项目涉及到的技术…

今天又是码农的一天. 但是写着写着,不知道为啥就页面就报错了, 如图所示,我在db/app.js下引入了fs这个模块,提示我npm install,我也照做了,但是仍然报错. 通过各种百度,踩坑,最终解决了这个问题.希望能帮助到有需要的朋友. 打开nuxt.config.js,这个build对象按照我的理解就是webpack的配置项,在build对象里面添加 extend(config,ctx){ config.node = { fs:"empty" } } 最后页面成功运行了起来!!…

前言 记录electron-vue项目开发中遇到的一个错误,运行时报错如图: 控制台报错如下: ReferenceError: document is not defined at Object.<anonymous> (E:\workspace\myElectron\my-electron-app\my-electron-app\node_modules\_element-ui@2.15.1@element-ui\lib\utils\dom.js:22:39) at Object.<a…

背景 最近做一个Vue项目需求是用户长按保存图片,页面的数据是根据不同id动态生成的,页面渲染完生成内容图片让用户长按保存的时候,把整个页面都保存起来. 在项目遇到的坑是图片能生成,可是生成的图片总是往左偏移一部份内容,让显示的图片不完整 页面渲染的内容,而生成的图片效果要跟页面渲染的内容一致,下面是渲染的效果 而实际生成的图片是不完整的 测试:多次生成图片发现图片发生偏移的位置都不相同,而同一个特性是往左偏移. 工作原理:Html2canvas加载后将会浏览页面上的所有元素,集合所有页面元素的…

零.前言 最近参与了一个立足 seo 的移动端项目,公司前端工程主栈 vue,所以理所当然的用上了 nuxt,UI 主要选择了 Vant.   一.公共列表页的缓存 公共列表页由于数据量较大,故需要滚动触发分次加载以模拟分页,当客户端加载到了一定页数之后(>= 2),点击某条数据进去查看详情,然后返回列表页,这时候如果没有缓存的话,列表页会按照初始参数(即从分页 1 开始)发请求拉数据,并且丢失浏览位置.一方面,浪费请求资源,另一方面,用户体验不佳.因此,针对这两个问题,最后决定开启缓存. vu…

打算写一个nuxt.js+sequelize+mysql的个人博客,遇到了挺多坑,还是坚持了下来,终于解决了这个bug. 今天不知道我做了什么,页面就报错了,定位到了使用sequelize的JS文件里,通过注释,找到了出错的源头 就是这个const sequlize= require("sequlize");  dialect:"mysql2" 这里我使用的是mysql2驱动,按照页面出错提示,安装了mysql2之后仍然无效,又卸载了重装还是不可以.   看了很久报…

一.前言 今天在做项目的时候发现axios不能请求跨域接口 二.主要内容 1.之前直接用get方式请求聚合数据里的接口报错如下 2.当前请求的代码 3.解决方法 (1)在项目目录中依次找到:config-->index.js (2)配置如下: (3)重新运行项目,发现就可以拿到数据了 三.总结…

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside<p>, or missing <tbody>. Bailing hydration and perfor…

1.mpvue入门教程, http://mpvue.com/mpvue/quickstart.html # . 先检查下 Node.js 是否安装成功 $ node -v v8.9.0 $ npm -v # . 由于众所周知的原因,可以考虑切换源为 taobao 源 $ npm set registry https://registry.npm.taobao.org/ # . 全局安装 vue-cli # 一般是要 sudo 权限的 $ npm install --global vue-cli@…