做vue项目所遇到的问题及解决问题的方法

1. 安装webpack后在cmd遇到找不到webpack命令的问题

cmd 输入命令 npm webpack@版本号 -g

注意这里的-g是全局安装,安装后会出现cmd找不到webpack命令的现象, 需要找到webpack.exe所在路径,将其路径添加到系统环境变量中/网上的另一种方法是用淘宝镜像来安装

• 配置变量的方法 : https://blog.csdn.net/Zhuang_weixin/article/details/107900320
• 淘宝镜像解决 : https://blog.csdn.net/weixin_39764056/article/details/106440626

2.将本地项目托管到码云时

• ssh公钥生成方式 : https://gitee.com/help/articles/4181#article-header0

• 在vue项目所在文件打开powershell输入git 指令报错 : fatal: not a git repository (or any of the parent directories): .git

  解决: 因为刚装git,本地没有.git目录,输入git init 就好了

3.用phpstudy2016导入sql文件,出现控制台一闪而过,导出文件空白的问题

• 解决方法 : https://blog.csdn.net/weixin_43845044/article/details/105046505
  不是很好用,因为并不是很懂数据库这的东西,个人认为还是下面的办法更好
• 直接用mysql导入:https://m.php.cn/article/418343.html
  3.1 按照第一种办法改config中的default后乱七八糟操作数据库后,在api接口文件启动api报错:
  code: 'ER_ACCESS_DENIED_ERROR',
  errno: 1045,
  sqlMessage: "Access denied for user 'user'@'localhost' (using password: YES)",
  sqlState: '28000',
  fatal: true
  解决方法 : 将defualt中的user和password 改回现在数据库的就好

4.vscode中关于vue的插件安装

• 博客地址 : https://segmentfault.com/a/1190000014785115
• 补全vue代码插件: Vue 3 Snippets

5.在<style>中配置less样式

报错 : Module not found: Error: Can't resolve 'less-loader' in 'D:learningvuelearningcodeday1_vue_shop' ,

使用了less语法但是没有安装less依赖,在ui界面的开发依赖安装less-loader和less

6.直接在vue ui的依赖中搜索less和less-loader依赖安装后报错(错误提示忘复制了)

解决方法 : 安装低版本的less和less-loader->用cmd打开当前项目文件目录->输入:
npm install less-loader@版本号 -D
npm install less@版本号 -D
版本合适就好啦,这次的less版本是4.1.1 less-loader是5.0.0

7.Navicat premium连接mysql时出现2003-Can't connect to MySql server on 'localhost'(10061)错误

• 解决方法 : https://blog.csdn.net/juliarjuliar/article/details/82146535

8.mysql忘记密码

• 解决方法 : https://blog.csdn.net/weidong_y/article/details/80493743

9.ESLint报错: Custom elements in iteration require 'v-bind:key' directives. (vue/valid-v-for)

• 原因:目前可以理解为遍历数组或元素中的唯一标识，增加或删减元素时，通过这个唯一标识key判断是否是之前的元素，并且该元素key的值是多少。这个唯一标识是保持不变的。

1. 在写v-for的时候，都需要给元素加上一个key属性
2. key的主要作用就是用来提高渲染性能的！
3. key属性可以避免数据混乱的情况出现 （如果元素中包含了有临时数据的元素，如果不用key就会产生数据混乱）

• 解决方法: 在后面写:key=""

10.vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.

• 我出错是因为将item作为了key值
• 解决方法:https://blog.csdn.net/lily2016n/article/details/84141054

11.vue使用分页后报错:Invalid prop: type check failed for prop "pageSize". Expected Number with value 10, got String

• 原来是因为page-size前面没有写: 应该为:page-size

12.vue菜单跳转时在给el-menu-item用isactive后会出现两个栏位都高亮

• 在el-menu中添加:defult-active="$route.path"

13.在侧边栏用路由跳转另一栏位时,从created()函数失效

• 原因及解决(没仔细学vue看不懂解决):https://blog.csdn.net/q610376681/article/details/86504849

14.给组件的type通过判断赋不同样式

• 三目运算符的嵌套:https://blog.csdn.net/qq_35641337/article/details/89154017

15.v-charts使用，报错:To install it, you can run: npm install --save echarts/lib/visual/dataColor

• 解决方法:https://blog.csdn.net/lhq15222807611/article/details/112219626

16.element中resetFields()重置表单失效

• 前人栽树:https://blog.csdn.net/nidunlove/article/details/100975379