一.vue项目报错总结

1.vue项目报错Expected indentation of 2 spaces but found 4

报错原因

严格的检查缩进问题，不是报错，我们可以关闭这个检查规则

解决方案

找到 [ .eslintrc.js ] 的文件，添加"indent": ["off", 2]

.eslintrc.js 文件

2. vue项目报错 error Strings must use singlequote

有时候因为数据后面没有加空格也会报错

解决方案

**找到 [ .eslintrc.js ] 的文件，添加 'space-before-function-paren': 0

关于eslint语法各种报错解决办法

在vue.config.js文件中，加入 lintOnSave: false

image.png

3. vue项目报错 Do not use built-in or reserved HTML elements as component id: map

原因：vue引入组件无法显示且报错，因为vue的原因，取组件名有特殊的，就比如组件名是 map 就不行，要写 Map，并且在导入组件时，注册组件也不能写 map，要写别的
解决办法： 换个组件名！！！

4. vue项目报错 TypeError: Cannot read property 'getAttribute' of undefined

原因：需要获取的容器的 ref 值没写对，它没找到
解决办法： 改正 容器的ref值即可

5. vue项目报错This dependency was not found:* utils/socket_service in ./src/main.jsTo install it, you can run: npm install --save utils/socket_service

原因：导入的文件没找到，检查文件路径是否写错，写错更正即可。

6.报错Error in mounted hook: "InvalidStateError: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state."

原因：在连接状态下send方法执行失败，所以要加个if条件判断