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

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

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

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

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的插件安装

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)错误

8.mysql忘记密码

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.

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()函数失效

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

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

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

原文地址:https://www.cnblogs.com/zzz1zzz/p/14561287.html