创建VUE项目时遇到的困难以及解决办法记录

问题1：vue-cli4版本脚手架运行时element-ui报错

Warning in ./src/plugins/element.js “export ‘default’ (imported as ‘Vue’) was not found

解决办法：旧版本的element-js中

import Vue from 'vue'
import { Button } from 'element-ui'

Vue.use(Button)

其中Vue.use(Button)需要改为createApp().use(Button)即可正常运行

问题2：用命令cnpm install --save less less-loader@5安装less-loader时报错

解决办法：在网上搜索后发现应该是node版本问题，将node版本换为14.19.3即可正常安装less-loader

问题3：安装完less-loader后，依然不能识别样式

一开始以为是less-loader和less版本匹配问题，后来换了匹配版本后依然存在。最后发现是插件(vetur插件没安装，我也不知道让代码高亮的插件和识别样式有啥关系.....)和编辑模式的原因

解决办法：安装vetur插件后，将下面语言模式换成Vue

问题4：使用postman测试接口时body为空且不返回任何值

解决办法：将Body中的raw换成JSON

 

问题5：进行home到search路由跳转的时候报错

解决办法：定位到代码错误的那一行，发现this,location粗心大意打成了this.location，改正后正常运行

问题6：floor图片数据没传过去

解决办法:控制台发现报304代码而不是200

回头检查代码发现result.code == 200写成了result

 

问题7：做好了升降序排序后，点击图标没反应

解决办法：控制台打印显示undefined

flag是灰色的，说明没收到初始值 ，回头检查代码发现未给初始值1，补上后运行正常

问题8：获取商品详细信息时，出现unknown mutation type报错

商品的id获取到了，但是在vue-detools插件中还是empty

解决办法:应该为mutations，少输入了一个s，粗心错误