做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)錯誤

• 解決方法 : 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