vue常见报错原因及解决

1. 关键词 Uncaught Error: [vuex] mutations should be function but "mutations.actions" in module "user" is {}.

原因：写错行

解决：写到methods函数里面

2. import 导入错误

 关键词：TypeError: Object(...) is not a function

原因：导入错误。检查是默认导出，还是按需导出。最坑的是有时候是祖宗级导出错误。排查半天。

3. 关键词：This relative module was not found

 

原因：路径问题。如果你用的是vscode的话，新建文件的时候稍不注意，就成了下面这样：

解决：最好再建一个文件夹，测试是否正确。

4. 报错400：

报错如下：POST http://toutiao-app.itheima.net/v1_0/authorizations 400 (BAD REQUEST)

原因：api接口文档需要的类型人家要字符串你不要写数字之类的按照人家定的来，还有比如说人家要code和name两个参数，不能自己改，像收集两个参数的可以用对象写

解决：检查参数

 5.有赞vant插件库坑爹操作：

 

原因及解决： 

1-全局引入的话 this.$toast('提示文案')、this.$toast（{}）

2-按需求引入的话，Toast('提示内容'); 、Toast.loading({}）是挂载在原型上的，所以用的时候，加this.$XXX

还有就是全局和按需的大小写不一样，vant需要使劲往下拉才能看到，按需引入格式。

6 报错：401 

 

原因：权限问题 

解决：vuex+本地存储

 

7 报错：一大堆

原因： v-for的时候，key 的值重复，就会报一大堆错误

解决：找一个唯一的id

8 使用有赞在插件库。设置样式，样式失效 

 频道列表，往下滚动列表消失--是因为套了一层div,没有任何样式 ，就会导致固定定位失效。错误显示为样式无效，顶部栏跟随消失

结论：不要乱加父元素

9 关键词：Network Error

原因及解决：后台服务器没开

10 关键词：

点击事件的函数，没有写在methods函数里面。报错