vue v html bug,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)

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([文件内容],文件名字，文件的可选属性)

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

我的是：

{

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个注意点，请看如下)：

注意点：当设置toggleRowSelection()内容,一定要是设置全局table的数据变量_pendingtableData,

设置默认选中的变量multipTables不能与拿到的选中的变量一样multipleSelection,一定要不能用同一个变量，因为默认选中的变量会根据你每次设置的toggleRowSelection()而发生multipTables的值的变量；

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

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