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

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

9. vue打包请求报错内容：Failed to execute 'open' on 'XMLHttpRequest': Invalid URL，也可以说请求后直接走拦截响应error中的catch

解决办法：在请求的地址上加上http://