vue开发异常记录

1、A later version of Node.js is already installed. Setup will now exit.已经安装了Node.js的新版本。安装程序现在将退出。

找到node卸载exe程序执行下就行

2、 Component template should contain exactly one root element. If you are using v-if on multiple eleme组件模板应该只包含一个根元素。

在页面或组件模板标签中包一层div即可

3、localhost与127.0.0.1的区别

在项目请求配置中如果用的是127.0.0.1的，项目访问又用的localhost访问，就会请求不到后台。
需要在host文件中，配置localhost映射即可

4、Errors: http://eslint.org/docs/rules/no-tabs

文件编码的代码，不符合eslint的语法校验规则.
建议卸载、或注释
卸载：npm uninstall eslint --save

5、禁止使用-符号

6、防止事件冒泡vue中

 event.preventDefault();

7、[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘_isHighlight’ of undefined”

初始化数据回显时，跟实际数量不一致，但不影响

8、栈内存溢出

10、请求异常捕获

改技术点需要用在特定的场景中，保证程序的正常运行

try {
	// 你的逻辑代码片段   正常执行的逻辑
} catch (e) {
	// 错误处理代码片段  出现异常错误，进行补救的逻辑
}

11、Invalid prop: type check failed for prop “value”. Expected String, Number, got Object found in

本意：指期待值的类型不是组件所接受的，这是组件需要传进来是字符串的，而实际存进来是对象
可以通过JSON.stringify() 与 JSON.parse() 进行互转

12、[WDS] Disconnected!

vue-cli脚手架基础下：

1、在config文件夹的index.js文件中修改对应host：将localhost改为127.0.0.1
2、在build文件夹下修改webpack-dev.conf.js文件中加上头部拦截，将ipv6的拦截解析改为ipv4的解析即可
headers:{
      'Access-Control-Allow-Origin':'*',
    },
    hotOnly:false,
    disableHostCheck:true,

13、IE10|| IE11中 SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.

错误信息是指：vuex在这个浏览器中需要一个Promise polyfill。
1、npm中引入babel-polyfill插件，他会将es6转化成es5进行编译使用
2、npm命令： npm install babel-polyfill --save

解决notwork中vue自行发起的请求报错接口

将其进行注释，改行代码的目的是：提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。

http://localhost:8080/sockjs-node/info?t=1462183700002