vue項目中遇到的一些bug

1.遇到報錯內容：Uncaught Error: [vue-router] route config "component" for path: cannot be a string id. Use an actual component instead.

解決辦法：必定要檢查router路由，這裏面你必定有寫重複了或者寫錯的。

2.遇到npm run build報錯內容：npm ERR! missing script: build

解決辦法：請看package.json裏面的script裏面的build是否配置或者地址是否對，還有一個是狀況是：
"scripts":{

"build:dev":"vue-cli-service build --mode dev",
"build:prod":"vue-cli-servie build --mode prod"
...

}
若是有這種狀況，必定要npm run build:dev或者npm run build:prod
感謝這位博主：https://www.jianshu.com/p/604...，（--report根據狀況，看是否須要再用也不遲）

3.遇到不請求內容："URLSearchParams() of undefined";

解決辦法：
①谷歌瀏覽器49版本以上才支持，火狐29版本才支持，ie不支持，因此最快的辦法是升級瀏覽器版本；
②安裝npm install url-serarch-params-polyfill
npm install babel-polyfill 須要安裝這兩個就能夠兼容了，這個能夠兼容到ie9。
③不要用URRSearchParams(),用模塊qs傳值，安裝npm i qs
引用 import qs from 'qs';
傳值參數：qs.stringify(obj)

這個我說的是
https://www.portablesoft.org/...（這些是谷歌歷史版本的更新時間）

4.遇到input type="file"文件上傳，修改文件的name名字會報錯，這裏面的file類型是隻讀屬性，能獲取但沒法修改。

解決辦法：經過用原文件的數據構造一個新的file對象的方法來達到修改文件名的目的。

var file = document.querySelector("#fileDemo").files[0]
var name='文件名字'+'.文件格式';
//建立新文件對象
var newfile = new File([file], name,{type:file.type});
注：
new File([文件內容],文件名字，文件的可選屬性)

參考：https://developer.mozilla.org...
感謝網友：https://segmentfault.com/q/10...

5.git remote: HTTP Basic: Access denied 錯誤

解決辦法：先肯定帳號名和密碼是否修改了，若是沒有，可能就是你的帳號或密碼輸入錯誤
若是帳號和密碼修改了，就`
git config –-global http.emptyAuth true

（用樓主的這個方式：https://www.cnblogs.com/heyongboke/p/9999824.html）

6.vue報錯/ style-loader: Adds some css to the DOM by adding a <style> tag

解決辦法：webpack.base.conf.js文件中的rules中的css是否有includes
個人是：
{
    test:/\.css$/,
    loader:'style-loader!css-loader',
    include: ['node build/dev-serve.js']
}
感謝博主：https://www.cnblogs.com/qingqingzou-143/p/7067673.html

7.VUE報錯/Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

解決辦法：這個頁面不支持let,const屬性定義，不支持function,class方法，將這些改爲javascript支持的就行，就不要用es6或es5版本的書寫就好

8.[運行Vue項目，沒辦法自動打開瀏覽器，提示「Unable to open browser. If you are running in a headless environment, please do not use the open flag。"

解決辦法：因爲我用的谷歌瀏覽器，個人谷歌瀏覽器出現了問題，因此才形成這種打不開瀏覽器，我從新安裝了瀏覽器就行了。

9.elementui中table表格默認設置選中的問題記錄:

首先表格如上，設置selectable爲true，

handleSelctionChange(val){
    this.multipTables=val;
}

當從後端拿出數據進行後端比較id進行默認選中（有2個注意點，請看以下）：

注意點：

1. 當設置toggleRowSelection()內容,必定要是設置全局table的數據變量_pendingtableData,
2. 設置默認選中的變量multipTables不能與拿到的選中的變量同樣multipleSelection,必定要不能用同一個變量，由於默認選中的變量會根據你每次設置的toggleRowSelection()而發生multipTables的值的變量；

感謝博主：https://blog.csdn.net/jsonshe...