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...