做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:\learning\vuelearning\code\day1_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)错误
8.mysql忘记密码
9.ESLint报错: Custom elements in iteration require 'v-bind:key' directives. (vue/valid-v-for)
- 原因:目前可以理解为遍历数组或元素中的唯一标识，增加或删减元素时，通过这个唯一标识key判断是否是之前的元素，并且该元素key的值是多少。这个唯一标识是保持不变的。
- 在写v-for的时候，都需要给元素加上一个key属性
- key的主要作用就是用来提高渲染性能的！
- 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
