![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue报错记录
文章平均质量分 66
一些我在做Vue项目时报的错,记录下来,再报好解决
浅端
用最少的文字,写最多的知识。
展开
-
Invalid CSS after “...load the styles“:
引入scss文件发生的一个错误。完整的错误是这样的: Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi" in F:\vscode\supplier_bidding_system\src\styles\index.scss (line 1, column 1) @ ./src/styles/index.scss 2:12-462 @原创 2020-12-11 08:53:42 · 1934 阅读 · 0 评论 -
TypeError: Cannot read property ‘install‘ of undefined
vue项目在main.js中全局注册ElementUI的时候,出现的一个错误。解决办法:删除node_modules文件夹。重新npm install。原因猜测:缺少插件。原创 2020-12-02 14:09:25 · 4412 阅读 · 0 评论 -
前端项目如何阻止手机键盘弹出
这是一个移动端项目出现的bug,其实也不能算是bug,省份键盘是自己写的,在input输入框触发focus事件时键盘显示。而同时focus事件也会唤醒手机的键盘,把我的省份键盘顶上去也正常。解决办法是把input输入框设置为readonly,这样就不会触发输入键盘了。写项目还是用别人的插件好用,自己写的坑自己踩,不断出现Bug,好烦。...原创 2020-11-26 09:54:33 · 842 阅读 · 0 评论 -
Cannot read property ‘matched‘ of undefined
这是使用vue-router时报的一个错,遇到这种错不要怕。一般遇到类似的错不要错,也不要自己找原因,直接百度,这种错肯定有很多人犯过了,百度是最快的解决办法。我原先的代码(main.js):import Vue from 'vue'import App from './App.vue'import Router from "./router/index";new Vue({ Router, render: h => h(App),}).$mount('#app')错误:原创 2020-09-15 21:31:23 · 552 阅读 · 0 评论 -
To install it, you can run: npm install --save element-ui/lib/theme-chalk/index.css
这是使用 Element-ui时出现的一个错入,正常操作是yarn或者npm安装之后载main.js里导入,然后在组件里引入要使用的组件。但是我在引入之后提示错误:‘element-ui/lib/theme-chalk/index.css’。To install it, you can run: npm install --save element-ui/lib/theme-chalk/index.css意思就是缺少index.css呗,但是我打开目录竟然找到了这个文件,而且我在import Elem原创 2020-09-11 10:56:36 · 16953 阅读 · 6 评论 -
覆盖Vant自带样式
直入主题,猜你也是来看解决办法的/滑稽脸。解决办法:①找到你要覆盖的class。②在你新的样式上加!important(一定要记住)。③我使用的是Vue,我猜你也是。新建一个<style></style>(Vue中存在两个<style></style>)样式也能生效。这是因为我们平时默认生成的style都是这种带scope的<sty...原创 2020-04-29 23:28:55 · 4924 阅读 · 1 评论 -
vant-list一直显示loading框
网上的问题多是页面一直loading数据,而我的问题却是加载完之后还是显示“正在加载…”问题根源:在项目中由于很多页面使用了List,所以我封装了一个vant-list组件。也就是这个万恶的组件害我忙活了一上午。代码太多我贴部分出来。先概括一下代码意思,方便大家阅读:(父组件给vant-list组件通过v-bind的方式传递值,vant-list通过pops接收,为了防止vant-list...原创 2020-04-27 15:13:43 · 7196 阅读 · 4 评论 -
vue使用(keep-alive)防止切换页面闪烁
keep-alive的详细介绍我不多讲,请看官网keep-alive问题来源:在 app.vue中我使用了<keep-alive>进行页面的缓存,源代码: <div id="app"> <keep-alive> <router-view></router-view> </keep-alive&...原创 2020-04-27 11:11:59 · 2539 阅读 · 0 评论 -
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re
Vue报错记录原因分析:这是父子组件传值时报的错,先看一下代码:父组件:<div :loading='loading' ></div>子组件:props: { loading: { type: Boolean, default: false } },父组件通过:loading方式传值,子组件props接收,然后在里使用这个值。报错的原因:Vue使用单项数据流,为...原创 2020-04-24 14:07:31 · 609 阅读 · 0 评论 -
text-align无法实现内容居中的原因分析及解决办法
<div class="loading"> <img src="./loading.png" alt="图片丢失了" /> <span class="text">{{text}}</span> </div>为了让图片和文字水平垂直方向都居中,我使用stylus(就当CSS理解)如下:.loading po...原创 2020-04-14 11:22:41 · 5741 阅读 · 0 评论 -
Duplicate keys detected: '1'. This may cause an update
错误原因:Vue遍历需要一个不唯一的key,原代码: <div v-for="(item,index) in records" :key="index" > <news-item></news-item> </div>修改后: <div v-for="(item,ind...原创 2020-04-14 09:14:55 · 162 阅读 · 0 评论 -
Uncaught (in promise)
vue使用promise第一次遇见这种错误,记录一下方便以后纠正。虽然能正常获取数据,但是事实上还是存在erro,这肯定是不行的,所以纠正一下。先看一下我报错时的代码:getSwipper() .then(res => { console.log(res.data); })纠正后的代码getSwipper() ...原创 2020-04-13 11:58:04 · 360 阅读 · 0 评论 -
TypeError: Invalid attempt to spread non-iterable instance. In order to be iterable, non-array objec
看一下百度翻译:类型错误:传播不可提交实例的尝试无效。 为了可iterable,非数组对象必须有一个[Symbol.iterator]()方法。网上查询到的说法是:此类错误多为不可遍历导致的。来看一下我的代码: <List dataSource={{}} //就是这一行出了问题 ...原创 2020-03-30 17:07:02 · 53218 阅读 · 0 评论 -
Type of the default value for 'searches' prop must be a functi on
https://www.cnblogs.com/shengnan-2017/p/9115298.html原创 2020-02-24 11:46:47 · 119 阅读 · 0 评论 -
better-scroll横向滚动无法循环
0.1.15版本的横向滚动写法,可以滚动this.slider = new BScroll(this.$refs.slider, { scrollX: true, scrollY: false, momentum: false, snap: true, snapLoop: this.loop, ...原创 2020-01-10 16:32:37 · 408 阅读 · 0 评论 -
vue使用axios跨域请求QQ音乐资源
学习慕课网Vue项目QQ音乐webApp,遇到的坑。由于需要请求QQ音乐资源,肯定会遇到跨域(CORE)问题,正常来说,jsonp是经典的解决办法,很遗憾,这里我失败了,并且没有找到解决出错的办法,然后百度到了一个axios配合proxy的解决方案。①在config的index.js文件对需要请求的链接进行配置。module.exports = { dev: { assetsSu...原创 2019-12-30 22:45:54 · 687 阅读 · 0 评论 -
failed to locate @import file common/stylus/variable.styl
这是在我给项目的common目录起了别名之后报的一个错,alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'common': resolve('src/common') }按理说起了别名之后直接用别名common就不应该出错,可是tmd还是报了一堆红...原创 2019-12-28 12:24:45 · 4450 阅读 · 0 评论